...
Include the following <script> tag, preferably within the web page <head> tag:
<script async src="vpt.min.js"></script>
Initialize the following configuration object to the windowobject:
Code Block language js window.verityConfig = {
apiKey: ‘<API Key supplied by GumGum>’,
zoneId: ‘<Zone Id supplied by GumGum>’
}
Note: The page URL is extracted byvpt.min.js
usingwindow.location.href
.Optionally, callback functions may be passed to Verity to execute once Verity API returns a response.
Note: The response may be for a page classification with any status, so the callback should handle each possible status message. See Page Application Status Codes for details about status messages that Verity may return.Code Block language js window.verity.cmd.push(function(data, error) {
// do something
});
}
Callback functions can be implemented to use the Verity result data. For example, a callback could publish targeting keywords using Verity data, then fetch new ads using the Google Publisher Tag
googletag.pubads().refresh()
. For example:Code Block language js window.verity.cmd.push(function(data, error) {
console.log(‘Verity done’, window.verity.getKeywords(), data, error);
google tag.cmd.push(function() {
googletag.pubads().setTargeting(‘keywords’, window.verity.getKeywords().concat([‘VERITY’]));
googletaggoogletag.pubads().refresh();
});
}
Example Verity JS Implementation
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> |