Skip to main content

sticky-footer-ad

Sticky Footer Ads

Out of page formats for mobile and desktop that are sticky at the bottom of the page. This is similar to the Anchor Ads provided by Google Ad Manager.

Integration​

In your index.ts import and register the module.

import { StickyFooterAds } from '@highfivve/module-sticky-footer-ads';
moli.registerModule(new StickyFooterAds({
  mobileStickyDomId: 'ad-mobile-sticky',
  desktopFloorAdDomId: 'ad-floorad',
  disallowedAdvertiserIds: [ 111111, 222222 ]
}, window));

Next you need to add the required HTML and CSS on your page. See the footer ads documentation

Important The data-refs are not configurable and are currently hardcoded. Make sure that they are correct.

Resources​

Functions​

createStickyFooterAd()​

createStickyFooterAd(): IModule

Provides the javascript integration for sticky footer ads, which consist of

  • close button feature
  • removing HTML if the advertiser provides the entire ad creative
  • removing HTML if ad is empty
  • showing HTML if ad is none-empty

Returns​

IModule

See​

https://highfivve.github.io/footer-ads/