Ad Formats

Top Ribbon

Summary

A ribbon across the top of the page with a message inside it. Useful for announcements, special sponsors. Very customizable.

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
Text
This is a completely customizable message!
The message that will be displayed to the user inside the ribbon. You can use HTML.
Destination
http://broadstreetads.com
Where the user will be taken when they click the ribbon. Use '#' for no destination
Static Position
False
If 'Yes', the ribbon will overlay the very top of the site. This will work with most sites. If 'No', it will attempt to inject the ribbon in the first position of the page.
Ribbon Color
#5EB3FF (more on color values here)
The CSS color of the ribbon. Can be a basic color name like 'green' or a hex value
Text Color
white
The CSS color of the text. Can be a basic color name like 'white' or a hex value
Text Size
1.2em
The size of the font in the ribbon. Can be in pixels, '16px', points, '16pt', or any other CSS value
Text Bold?
False
Whether or not the text is bold
Padding
4
The padding, or breathing room between the text and ribbon border
Show Close
True
Allow the user to close the ribbon for the time specified in the Timeout Limit
Timeout Limit
3600
The number of seconds that should pass before the ribbon is shown again

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

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