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.