Ad Formats

Flipper

Summary

Interactive and engaging! This banner ad flips when hovered over, revealing a second banner ad on the other side. Advertisers who want more than a standard banner ad will “flip” when they see this!

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!

Inputs
Default
Description
Front Image
Default Value
The image for the front of the ad
Back Image
Default Value
The image for the back of the ad
Destination
http://broadstreetads.com
Where the user gets taken when they click on the ad
Width
300
The width of the uploaded images (they should be the same)
Height
250
The height of the uploaded images (they should be the same)

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>