Note: This is an XPRESS Exclusive ad format;

Summary

This is an ad which, when hovered, swaps out the original ad for a different ad for a hover-effect. If your advertiser has more information to convey than can fit in the original ad, this is the guys to use.

Event Tracking

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

  • Swaps: The number of times the user hovered and swapped the image
  • Unswaps: The number of time the user unhovered and the image swapped back

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!

  • Primary Image: The initial banner image displayed on page load
    Default value:
    Default Value

  • Secondary Image: The banner image displayed when the user hovers over the ad
    Default value:
    Default Value

  • Destination: The URL the user gets taken to after clicking the ad
    Default value:
    http://broadstreetads.com

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