Page Peel (Text)

Summary

This ad affixes itself to the top right of the screen. When a user hovers over what appears to be a "peeled" part of the page, it peels back even more and reveals a specified text-only message.

Supported Sizes

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!

  • Message: The message that appears behind the "peel"
    Default value:
    Place any message here!

  • Width: Width of the revealed area with units, like 200px
    Default value:
    200px

  • Height: Height of the revealed area with units, like 200px
    Default value:
    200px

  • Text Size: Size of the font for the revealed text
    Default value:
    16px

  • Text Color: Color of the revealed text
    Default value:
    #ffffff (more on color values here)

  • Background Color: Background color of the revealed area
    Default value:
    #000000 (more on color values here)

  • Destination URL: Where the user should be taken when they click the peeled area
    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="95708"]

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