...
The following web page shows an example Verity JS tag implementation, where the page disables the initial loading of ads until Verity returns analysis data.
Code Block | ||
---|---|---|
| ||
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>This article has contextual ads!</title> <script async src="vpt.min.js"></script> <script async src="https://securepubads.x.net/tag/js/gpt.js"></script> <script> window.googletag = window.googletag || { cmd: [] }; googletag.cmd.push(function () { console.log('Google Tag 1st command'); var adSlot1 = googletag.defineSlot('/6355419/Travel/Europe/France', [728, 90], 'div-gpt-ad-123456789-0'); adSlot1.addService(googletag.pubads()); adSlot1.setTargeting('position', ['atf']); googletag.pubads().disableInitialLoad(); // This would be required googletag.enableServices(); }); window.verityConfig = { apiKey: 'ggbeta-378b61c4-0c03-4700-8dc5-0e24bbe92b37', zoneId: '46b12cfd-9b63-40bf-a632-2710ec8e31bf', }; window.verity = window.verity || { cmd: [] }; window.verity.cmd.push(function(data, error) { console.log('Verity done', window.verity.getKeywords(), data, error); googletag.cmd.push(function () { googletag.pubads().setTargeting('keywords', window.verity.getKeywords().concat(['VERITY'])); googletag.pubads().refresh(); }); }); </script> </head> <body> <h1>Verity enables all websites to serve contextually relevant Advertisment!</h1> <div> <h2>But first a word from our sponsors</h2> <div id="div-gpt-ad-123456789-0" style="width:728px;height:90px;background:lightcyan"> <script> googletag.cmd.push(function () { googletag.display("div-gpt-ad-123456789-0"); }); </script> </div> </div> <article> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p> <p>Nobis nam possimus ut ullam repellat? Animi libero consectetur nihil earum tempora, eos veritatis fugiat laborum totam sint, consequatur, nobis culpa cupiditate!</p> <p>Nisi voluptatem sit rerum sed. Magni, voluptatum! Dolore assumenda minima saepe? Nisi, mollitia officia. Eius, deleniti magni?</p> ... </article> </body> </html> |
...