Rich Media Ad Package (zip)

  • Knowledge Base Editor
  • Ad Formats

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. This format now officially supports nested folders and resources.

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, in pixels
    Default value:
    300

  • Height: The height of the ad, in pixels
    Default value:
    250

  • Zip Archive: The zip archive
    Default value:
    https://street-production.s3.amazonaws.com/stencil-files/1af15d07-92fc-4f17-9267-34c23d0015da/

  • 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>