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.

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
Width
Default 300
Description The width of the ad, in pixels
Height
Default 250
Description The height of the ad, in pixels
Zip Archive
Default https://street-production.s3.amazonaws.com/stencil-files/1af15d07-92fc-4f17-9267-34c23d0015da/
Description The zip archive
Root Filename
Default index.html
Description 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

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>