Ad Formats

Expandable / Flyout (Beta)

Summary

This is an ad which, when hovered over, will expand outward and display a second image in either the top, right, left, or bottom direction. Responsive and mobile friendly. Currently in 'beta', but stable.

Ad Preview

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
Primary Image
Default Default Value
Description The primary ad image to display
Primary Width
Default 300
Description The width of the primary image
Primary Height
Default 250
Description The height of the primary image
Fly out image
Default Default Value
Description The image for the flyout/expanded portion of the ad
Flyout Width
Default 300
Description The width of the expandable / flyout section
Flyout Height
Default 250
Description The height of the expandable / flyout section
Flyout Direction
Default down
Description The direction to pop out: up, down, left, right
Destination
Default http://broadstreetads.com
Description Where the user gets taken when they click the ad
Maximum Cutoff Level
Default 8
Description Bump this number (and experiment) if your ad is being clipped by another part of the page

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="34619"]

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="34619"></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/34619.js?sa=1&"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
        ? '' : '&destination=' + destination);
    bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>