Note: This is an XPRESS Exclusive ad format;

Ad Preview

Summary

Use this when you have a zip archive which contains the assets for a rich HTML (or HTML5) ad. Useful with Google Web Designer. Note: All assets (css, images, javascript) should sit alongside the main HTML file in the root directory. Nested folders containing files within the root folder will not work.

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!

  • Width: The width of the ad
    Default value:
    300

  • Height: The height of the ad
    Default value:
    250

  • Zip Archive: The zip archive
    Default value:
    https://street-production.s3.amazonaws.com/stencil-files/ad8fa303-61d4-4319-9101-b19157cf6510/

  • Root Filename: This is the file inside the zip file which should be displayed in the iframe. If you uploaded example-300x250.zip, it may simply be something like example-300x250.html
    Default value:
    index.html

  • Destination: Where should the user go when they click the ad?
    Default value:
    [empty]

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