Documentation | dmsCookie

dmsCookie is a software as service and you only need to complete these 3 steps to enable the consent banner on your website:

Sign up to create an account. In the dmsCookie manager enter the text you want to show to your website visitors or use the default text applied.

Add scripts for the domains where you want to use dmsCookie:

Customize the appearance of your popup window:

You can choose between two different templates ("Type 1" located at the middle of the page, and "Type 2" at the top or bottom of the page), and between two different styles ("Light" or "Dark").

Type 1 - Light

Type 1 - Dark

Type 2 - Light - Up

Type 2 - Dark - Up

Type 2 - Light - Down

Type 2 - Dark - Down

Copy the consent dialog script code ...

... and paste it to the header of your website template:

<html>
  <head>
	...
	<!-- Start dmsCookie script -->
	<script type="text/javascript" charset="UTF-8" 
	src="https://www.dmscookie.com/scripts/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.js">
	</script>
	<!-- End dmsCookie script -->
  </head>
  <body>
    ...
  </body>
</html>

To enable prior consent:

Identify the scripts that generate third-party cookies (for example Google Analitycs, Google Adsense, Facebook Like Box ...)
Change the attribute type from text/javascript to text/plain (if tag type is not present please add it).
Add the attribute data-dmscookie and set it to one of these values preferences, statistics or marketing for each script in accordance with the types.

... that's all!

Change code from:

<script type="text/javascript">
(function(i,s,o,g,r,a,m)
{i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();
a=s.createElement(o),m=s.getElementsByTadata-dmscookie="statistics"gName(o)[0];
a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})
(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXXXXXXXX-0', 'auto');
ga('send', 'pageview');
</script>

Change code to:

<script type="text/plain" data-dmscookie="statistics">
(function(i,s,o,g,r,a,m)
{i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();
a=s.createElement(o),m=s.getElementsByTadata-dmscookie="statistics"gName(o)[0];
a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})
(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXXXXXXXX-0', 'auto');
ga('send', 'pageview');
</script>

Change code from:

<!-- Histats.com  START  (aync)-->
<script type="text/javascript">
var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', 'XXXXXXXXXXXXXXXXXXXXXXXX']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?1533830&101" alt="utenti ip tracking" border="0"></a></noscript>
<!-- Histats.com  END  -->

Change code to:

<!-- Histats.com  START  (aync)-->
<script type="text/javascript">
var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', 'XXXXXXXXXXXXXXXXXXXXXXXX']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
</script>
<script type="text/plain" data-dmscookie="statistics" async src="//s10.histats.com/js15_as.js"></script>
<!-- Histats.com  END  -->

Change code from:

<script type="text/javascript"
async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXXXXX"
     data-ad-slot="111111111111"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Change code to:

<script type="text/plain" data-dmscookie="marketing" 
async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXXXXX"
     data-ad-slot="111111111111"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

STEP #1

STEP #2

STEP #3

Example on modifying an existing Google Analytics script tag:

Example on modifying an existing Histats script tag:

Example on modifying an existing Google AdSense script tag: