1
0
Fork 0
cookie_consent/external/klaro/examples/gtm.html

43 Zeilen
2.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple Test</title>
<!-- Google Tag Manager -->
<script data-type="application/javascript" type="text/plain" data-name="google-tag-manager">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MZTF9XR');</script>
<!-- End Google Tag Manager -->
<!-- here we include the Klaro config and script -->
<script defer type="text/javascript" src="gtm-config.js"></script>
<script defer type="text/javascript" src="../klaro.js"></script>
</head>
<body style="margin: 0; font-family: Arial, Helvetica, sans serif;">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe data-name="google-tag-manager" data-src="https://www.googletagmanager.com/ns.html?id=GTM-MZTF9XR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div style="padding: 10px;">
<h1>Google Tag Manager Example</h1>
<p>
This is an example that shows how to use Klaro with Google Tag Manager.
</p>
<p>
You can review and update your consents by clicking <a href="" onClick="return klaro.show(klaroConfig, true)">here</a>.
</p>
<p>
You can reset your consents by clicking <a href="" onClick="klaro.getManager().resetConsents();location.reload()">here</a>.
</p>
<p>
<!-- this is an example of an img tag managed by Klaro -->
<img data-name="camera" data-src="../assets/Surveillance-camera-small.png" />
</p>
</div>
</body>
</html>