@quintype/fastads
Fastads is a library for fast loading of DFP ads. This library uses MutationObserver to insert ads, and should be compatible with react and jquery.
Usage
- Add gpt via the default gpt script, or via gtm
<script async="async" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>- Copy the contents of dist/fastads.html into a script tag at the top of the body.
<script data-version="@quintype/fastads@1.0.0">// Contents of dist/fastads.js here</script>- Wherever you are placing a dfp tag, use the following syntax
<div data-dfp="3849069/Large_Leaderboard" data-dfp-size="[[970,90],[728,90],[320,100],[320,50]]"></div>- Please note, the div inserted cannot have an id (as one is generated by fastads)
Parameters
| Parameter | Value | Example | Mandatory? |
|---|---|---|---|
| data-dfp | Ad Unit Id | 3849069/Large_Leaderboard | yes |
| data-dfp-sizes | Sizes for the Ad (must be the same as specified in DFP) | [[970,90],[728,90],[320,100],[320,50]] | yes |
| data-dfp-sizemapping | Viewport to size mapping. This accept pairs that are accepted by SizeMappingBuilder | [[[1024,768],[970,250]],[[640,480],'fluid'],[[0,0],[[1024,768],[970,250]]]] | no |