Ad Formats

In-Story Ribbon Ad

Summary

Promote an advertiser in the middle of content. Why? Readers are sure to see this ad as they scroll. Bigger advertisers will love promoting their content with this, because it gets views and works great on desktop and mobile.

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
Image
Default Value
The image for the ad
Image Width
40
The width of the image as a percentage of the total ad's width
Width
600px
The width of the ad (it will shrink to fit mobile devices)
Height
200
The height of the ad, in pixels
Text
Beautiful lakeside home in Mountain Lakes. $425k. Call 973-555-1902 for details.
The text inside of the ad (HTML allowed)
Text Color
white
A CSS hex value or basic color name for the text
Text Size
20
The size of the text, in pixels
Background Color
#03a9f4 (more on color values here)
A CSS hex value or basic color name for the background of the ad
Logo
[empty]
An image of the companies logo to be placed over the bottom right of the image. (If no image is uploaded no logo will show)

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

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