Simple fixed centred floating box on the bottom with a copy and two buttons.
Desktop
Mobile
Business Logic
The cookie banner will appear on the screen only if there is not a cookie set in the browser or there is but the cookie expired.
The cookie preference will be saved/updated either the user clicks agree or disagree.
The cookie will expire after 3 months by default.
If the user clicks agree, a tracking script will be injected in the HEAD tag.
Example Tracking Script (GTM)
<!-- Google Tag Manager -->
<script>(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-XXXXXXX');</script>
<!-- End Google Tag Manager -->
UI
Simple fixed centred floating box on the bottom with a copy and two buttons.
Desktop
Mobile
Business Logic
Example Tracking Script (GTM)