74 Zeilen
3.3 KiB
HTML
74 Zeilen
3.3 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>
|
|
<!-- here we include the Klaro config and script -->
|
|
<script defer type="text/javascript" src="../config.js"></script>
|
|
<script defer type="text/javascript" src="../klaro.js"></script>
|
|
</head>
|
|
<body style="margin: 0; font-family: Arial, Helvetica, sans serif;">
|
|
<div style="padding: 10px;">
|
|
<h1>Hello, wayward Internet traveler!</h1>
|
|
<p>
|
|
This is a page that shows how to use Klaro on your website.
|
|
Just have a look at the source to see how it's done.
|
|
</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>
|
|
|
|
<!-- here are some examples for trackers-->
|
|
|
|
<!-- an inline JS tracking script -->
|
|
<script type="text/plain" data-type="application/javascript" data-name="inlineTracker">
|
|
|
|
console.log("This is an example of an inline tracking script.")
|
|
|
|
function setCookie(name, value, days) {
|
|
var expires = "";
|
|
if (days) {
|
|
var date = new Date();
|
|
date.setTime(date.getTime() + (days*24*60*60*1000));
|
|
expires = "; expires=" + date.toUTCString();
|
|
}
|
|
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
|
}
|
|
|
|
//we set a tracking cookie as an example
|
|
setCookie("inline-tracker", "foo", 120)
|
|
|
|
</script>
|
|
|
|
<!-- an externally loaded tracker -->
|
|
<script type="text/plain" data-src="../examples/tracker.js" data-type="application/javascript" data-name="externalTracker"></script>
|
|
|
|
<!-- our (real) Matomo tracking code -->
|
|
<script type="text/plain" data-type="application/javascript" data-name="matomo">
|
|
var _paq = _paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//analytics.7scientists.com/";
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
|
_paq.push(['setSiteId', '7']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='application/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
<noscript><p><img data-name="matomo" data-src="//analytics.7scientists.com/piwik.php?idsite=7&rec=1" style="border:0;" alt="" /></p></noscript>
|
|
|
|
</body>
|
|
</html> |