Summary

A banner ad that, when hovered over, will "flip" to reveal its other side, which is a second banner ad. Impressive and fun. Note: Uses cutting edge browser features, so IE < 10 won't work great.

Examples / Ideas

Here are some examples or ideas for this ad format:

Event Tracking

In addition to core event tracking, this ad format also tracks these events:

  • Flips: The number of times this ad was flipped
  • Unflips: The number of times this ad was unflipped

Setup / Inputs

These are the fields / inputs taken to generate this ad. In general, inputs are not required. That said, these inputs are how you customize the ad!

  • Front Image: The image for the front of the ad
    Default value:
    Default Value

  • Back Image: The image for the back of the ad
    Default value:
    Default Value

  • Destination: Where the user gets taken when they click on the ad
    Default value:
    http://broadstreetads.com

  • Width: The width of the uploaded images (they should be the same)
    Default value:
    300

  • Height: The height of the uploaded images (they should be the same)
    Default value:
    250

Embed An Example In Your Media Kit

Customers who wish to embed the example on some "Media Kit" page on their website can do so in one of two ways:

  • Option 1: If you have Wordpress and the Broadstreet plugin, you can use this shortcode anywhere in any post to render the example.

    [broadstreet ad="30348"]
  • Option 2: If you do not have Wordpress, or choose not install the Broadstreet plugin, you can embed this javascript code snippet into your post:

    <div street-address="30348"></div><script>
    (function(d, s) {
      // CLICK MACRO AND CONFIGURATION SECTION
      var destination = '%%CLICK_URL_ESC%%';
      // DO NOT EDIT BELOW THIS LINE
      var js, bjs = d.getElementsByTagName(s)[0];
      js = d.createElement(s); js.async = true;
      js.src = "//ad.broadstreetads.com/display/30348.js?sa=1&"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
          ? '' : '&destination=' + destination);
      bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>