Flex Your Power Dynamic Banner

Flex Your Power has developed a new set of dynamic banners for the CA.gov websites. By using the supplied HTML code below, your website can promote energy efficiency and help California prevent blackouts during hot weather and electrical emergencies.

Typically, these banners will display the standard FlexYourPower.org banner, but when California is facing an electrical emergency, the California Independent System Operator may call a Flex Alert. The dynamic banner will automatically change to a Flex Alert banner. It’s important, however, that you use the code provided below so that Flex Your Power can update the banner during Flex Alert periods.

Note: If your department does not plan to implement the dynamic script, you may sign up to receive Flex Your Power notifications at http://www.fypower.org/flexalert/. The email alerts will include start and end dates/times of each each alert so you can make changes to your website manually.

update your FYP banner - Instructions

1. Pick a banner size from the options below.
2. Copy the code snippet and paste in your HTML replacing the image and link tags originally used to call the Flex Your Power static banner.
   
   Please note: The code to replace will look similar to this:
   
   <a href="http://www.fypower.org/">
   <img src="images/ca_master/flex_your_power.gif" alt="Saving Energy. It's a Way of Life." width="234" height="60" />
   </a>
3. If you use text along with the banner please use the approved website description copy:
   
   "Energy efficiency and conservation information. Find incentives/rebates, technical assistance, retailers, product guides, case studies and more."

Warning!

• Do not copy and host the image file on your server. Use the code snippet.
• Do not wrap font tags or styles that affect the font size around this new image.
• Flex Your Power’s servers will host the dynamic banners. Once the image is displaying properly on your website, the webmaster does not need to update the banner during official Flex Alerts.

 

Code Snippets

• Banner 234 W x 60 H: <script type="text/javascript" src="http://s3.amazonaws.com/flexyourpower/banners/234x60.js"></script>
• Banner 199 W x 50 H: <script type="text/javascript" src="http://s3.amazonaws.com/flexyourpower/banners/199x50.js"></script>
• Banner 179 W x 50 H: <script type="text/javascript" src="http://s3.amazonaws.com/flexyourpower/banners/179x50.js"></script>
• Banner 115 W x 50 H: <script type="text/javascript" src="http://s3.amazonaws.com/flexyourpower/banners/115x50.js"></script>

 

Banner Sizes