ID-Tag Integration
An ID-Solution Tag is a critical component for publishers seeking to improve the accuracy of audience recognition across devices and environments, enabling better personalization and monetization.
This is an minimalistic example how to integrate MetaTag Lite as a ID-Tag into a website. The placeholder “example“ needs to be replaced by a publisher identifier.
We are providing two integration options:
Option 1) Add MetaTag Script via HTML-Tag. Utiq scripts will only be active if user grants consent for Stöer SSP in absence of Utiq beeing a TCF vendor yet.
Option 2) Add MetaTag Script via JavaScript. Optionally you can execute this script when user has given consent via CMP.
Please note that Ströer will provide the acutal URL during the onboarding process.
Option 1: HTML-Integration:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World</title>
<script src="https://cdn.stroeerdigitalgroup.de/metatag/live/example/metatag.js" type="text/javascript" async nomodule fetchpriority="high"></script>
<script src="https://cdn.stroeerdigitalgroup.de/metatag/live/example/metatag.mjs" type="module" async fetchpriority="high"></script>
</head>
<body>
</body>
</html>Option 2: JavaScript-Integration:
<script>
(function(s, t, r, o, e, E, R) {
function createScript(src) {
var e = s.createElement(t);
e.type = 'module';
if (/\.js$/.test(src)) {
e.setAttribute('nomodule', '');
e.type = 'text/javascript';
}
e.setAttribute('fetchpriority', 'high');
e.async = true;
e.src = src;
return e;
}
var c = !!s.location.href.match(/sdgmt=preview/i) ? 'preview' : 'live';
s.head.appendChild(createScript([r,c,o,'metatag.js'].join('/')));
s.head.appendChild(createScript([r,c,o,'metatag.mjs'].join('/')));
})(document, 'script', 'https://cdn.stroeerdigitalgroup.de/metatag', 'example');
</script>