Ad Formats

Slide In (HTML/Code)

Summary

This is an ad format that slides into view when the user scrolls down through a certain % of the page. If the page isn't long or doesn't require scrolling, it doesn't appear. This will absolutely get the user's attention. Use for a high-paying client or to promote other content on your site (keep the reader engaged). The actual banner can be any size. Thinner banners work better on 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
On the Left
True
If true, the ad will slide in from the left side.
Ad Destination
[empty]
URL to open on Ad click.
HTML Code
PGlucyBjbGFzcz0nZGNtYWRzJyBzdHlsZT0nZGlzcGxheTppbmxpbmUtYmxvY2s7d2lkdGg6MTYwcHg7aGVpZ2h0OjYwMHB4JwoKICAgIGRhdGEtZGNtLXBsYWNlbWVudD0nTjMxNDguMTI5ODEwLkFSVEhSSVRJU1RPREFZL0IyMjA4MzcyOC4yMzU2MTAwMjknCgogICAgZGF0YS1kY20tcmVuZGVyaW5nLW1vZGU9J3NjcmlwdCcKCiAgICBkYXRhLWRjbS1odHRwcy1vbmx5CgogICAgZGF0YS1kY20tcmVzZXR0YWJsZS1kZXZpY2UtaWQ9JycKCiAgICBkYXRhLWRjbS1hcHAtaWQ9Jyc+CjwvaW5zPgo8c2NyaXB0IHNyYz0naHR0cHM6Ly93d3cuZ29vZ2xldGFnc2VydmljZXMuY29tL2RjbS9kY21hZHMuanMnPjwvc2NyaXB0Pg==
The html code that will be rendered inside the ad.
Threshold
40
Percentage of page length that acts as a threshold at which the out will slide in and out
Width
160
The desired maximum width of the ad in pixels or a percentage
Minimum Scroll Length
100
The minimum number of pixels the user will have to scroll before seeing on ad. Useful for keeping the ad hidden on short pages without any scroll room.
Show Close Button
False
Show a close button above the slide in
Rate Limit Cap
10
If set to something other than 0, the number of times the pop should show per 'Display Period'
Rate Limit Period
86400
If set to something other than 0, the number of seconds that should pass before the pop is displayed to the user again. Default is 1 day.
Height
600

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

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