Set up sticky ads

HTL BID provides automatic “bottom sticky ad” functionality.

Sticky ads are just like regular ads, but there is an extra configuration step in the UI.

Navigate to Slot Setup screen

Navigate to the Slot Setup screen in the sidebar and locate the target ad slot that you want to make sticky. Sticky ads are usually 320x50 on mobile and 728x90 on desktop.

image

Check “sticky” to enable sticky ads

Check the “sticky” checkbox to enable sticky ads for the target ad slot.

image

Other options

Sticky has X

Choose this option to automatically include an “X” button which the user may click in order to dismiss the sticky ad. By default, the ad remains hidden for the next 60 minutes. The time is configurable.

Frequency capped

Show a maximum of ___ sticky ads to this user within the target time range.

Gotchas

The DIV for the sticky ad MUST be a direct child of the BODY element to ensure correct alignment.

This is correct

  • .htlad-good-sticky is a direct child of <body>
<body>
  <p>Lorem ipsum..</p>
  <p>Lorem ipsum..</p>
  <div class="htlad-good-sticky"></div>
</body>

This is incorrect

  • .htlad-bad-sticky is nested inside other element
<body>
  <p>Lorem ipsum..</p>
  <p>Lorem ipsum..</p>
  <div class="footer">
    <div id="#footer-content">...</div>
    <div class="htlad-good-sticky"></div>
  </div>
</body>

The incorrect implementation will likely cause alignment issues. In order to ensure correct alignment, the sticky ad DIV must be an immediate child of the BODY.

Frequently Asked Questions

What about “top” sticky ads?

HTL BID does not currently provide a built-in setting for “top” sticky ads. Publishers who want this behavior can achieve it with custom CSS.

What about “sidebar” sticky ads?

HTL BID does not currently provide built-in “sidebar sticky” behavior. Publishers who want this behavior will need to implement it.