@quintype/fastads

@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