How to add local weather conditions to your site
It is possible to use WeatherTAP to add local weather to your own website. We make a weather sticker available that can be placed on any web page. You can use this to add current conditions for a city to your site. Then when the sticker is clicked, it will take you to the current conditions and forecast page for that city. Below are the current stickers that can be used on your site.
| Template | Sticker Image | HTML For Webpage |
|---|---|---|
| template_a |  |
<a href="http://www.weathertap.com"><img src="http://www.weathertap.com/sticker.gif?station=KCSV&template=sticker_a&tempcolor=blue&locationcolor=yellow&bordercolor=blue" /></a> |
| template_b |  |
<a href="http://www.weathertap.com/forecast/FL/Miami"><img src="http://www.weathertap.com/sticker.gif?station=KMIA&template=sticker_b&tempcolor=blue&locationcolor=blue&outlinecolor=white" /></a> |
| template_c |  |
<a href="http://www.weathertap.com/forecast/NY/New York"><img src="http://www.weathertap.com/sticker.gif?zipcode=10018&template=sticker_c&tempcolor=white&locationcolor=white&bordercolor=white&tz=ET" /></a> |
| template_d |  |
<a href="http://www.weathertap.com/forecast/CA/Los Angeles"><img src="http://www.weathertap.com/sticker.gif?station=KCQT&template=sticker_d&tempcolor=yellow&locationcolor=lightgray&tz=PT" width="150" height="50" /></a> |
| template_e |  The background image on this sticker will change to reflect the current conditions |
<a href="http://www.weathertap.com/forecast/TX/Houston"><img src="http://www.weathertap.com/sticker.gif?station=KHOU&template=sticker_e&tempcolor=white&locationcolor=white&outlinecolor=black&bordercolor=gray" /></a> |
| template_f |  |
<a href="http://www.weathertap.com/forecast/TN/Crossville"><img src="http://www.weathertap.com/sticker.gif?station=KCSV&template=sticker_f&tempcolor=white&locationcolor=white" /></a> |
To Add any these stickers to your web page simply copy the text located in the "HTML For Webpage" column of the table above and place it in your webpage.
Below are the different parameters that can be changed with each sticker.
| Parameter | Result | Example |
|---|---|---|
| station | Pulls weather data for the given station | station="KCSV" |
| zipcode | Pulls weather data for the given zipcode | zipcode="38555" |
| tz | The time zone to display the time stamp in. If not present, central time is used | tz="ET" (Eastern) |
| template | The template used to create the weather sticker | template="sticker_e" |
| tempcolor | The color the weather information will be displayed in | tempcolor="yellow" |
| locationcolor | The color the station location information will be displayed in | locationcolor="red" |
| outlinecolor | If present, all text will be outlined in this color | outlinecolor="black" |
| bordercolor | If present, a border with be drawn around the image in this color | bordercolor="gray" |
| title | If present, you are able to correct display the name of the location for the current conditions | title="Crossville,TN" |
Change 'station=KCSV' to station='XXXX' where XXXX is the identifier of the closest observation station. Alternatively, if you do not know the station ID, remove the 'station=CSV' text completely and replace it with 'zipcode=12345' where '12345' is the 5-digit zipcode of the city or county that you want local conditions for. You will also need to change the forecast link to the state and city you are wanting to link your sticker to. For instance in this string: "http://www.weathertap.com/forecast/TX/Houston" you will need to replace the "TX" with the two letter state identifier and the "Houston" with the name of the city you want to get the weather conditions for.
Using this technique, visitors to your website can instantly see what the current conditions are in your area.
We hope you find this feature useful.