From 13a3a85880bdd6a7f3e0742f05ff636aba141e98 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 15 May 2018 12:04:15 +0200
Subject: [PATCH] add cookies banner, refactor whole GA loading flow

---
 _src/_assets/javascripts/bigchain.js |   5 +-
 _src/_includes/cookie-banner.html    |   6 ++
 _src/_includes/scripts.html          | 129 +++++++++++----------------
 _src/_layouts/base.html              |   2 +
 package.json                         |   1 +
 5 files changed, 61 insertions(+), 82 deletions(-)
 create mode 100644 _src/_includes/cookie-banner.html

diff --git a/_src/_assets/javascripts/bigchain.js b/_src/_assets/javascripts/bigchain.js
index b4c46d1..f7c16f1 100644
--- a/_src/_assets/javascripts/bigchain.js
+++ b/_src/_assets/javascripts/bigchain.js
@@ -2,6 +2,7 @@
 //=include svg4everybody/dist/svg4everybody.js
 //=include jquery/dist/jquery.js
 //=include smooth-scroll/dist/js/smooth-scroll.js
+//=include cookies-eu-banner/dist/cookies-eu-banner.js
 
 //=include bigchain/analytics.js
 //=include bigchain/dnt.js
@@ -15,10 +16,6 @@ jQuery(function($) {
     //
     Forms.init()
 
-    if (!_dntEnabled()) {
-        GoogleAnalytics.init();
-    }
-
 
     //
     // init Smooth Scroll
diff --git a/_src/_includes/cookie-banner.html b/_src/_includes/cookie-banner.html
new file mode 100644
index 0000000..7eca46f
--- /dev/null
+++ b/_src/_includes/cookie-banner.html
@@ -0,0 +1,6 @@
+<div id="cookies-eu-banner" style="display: none;">
+    By continuing your visit to this site, you accept the use of cookies by Google Analytics to make visits statistics.
+    <a href="./read-more.html" id="cookies-eu-more">Read more</a>
+    <button id="cookies-eu-reject">Reject</button>
+    <button id="cookies-eu-accept">Accept</button>
+</div>
diff --git a/_src/_includes/scripts.html b/_src/_includes/scripts.html
index 860b721..c2d407f 100644
--- a/_src/_includes/scripts.html
+++ b/_src/_includes/scripts.html
@@ -1,17 +1,11 @@
-
-
 <!--
 //
 // Site scripts
 //
 -->
-<script src="/assets/js/bigchain.min.js"></script>
-
-{% if page.js %}
-<script src="/assets/js/{{ page.js }}"></script>
-{% elsif layout.js %}
-<script src="/assets/js/{{ layout.js }}"></script>
-{% endif %}
+<script src="/assets/js/bigchain.min.js"></script> {% if page.js %}
+<script src="/assets/js/{{ page.js }}"></script> {% elsif layout.js %}
+<script src="/assets/js/{{ layout.js }}"></script> {% endif %}
 
 <!--
 svg4everybody.js
@@ -25,81 +19,60 @@ svg4everybody.js
 //
 -->
 <script>
-if (!_dntEnabled()) {
-    (function(window) {
+    if (!_dntEnabled()) {
+        new CookiesEuBanner(function () {
+            (function (window) {
+                // Google Analytics async snippet
+                // http://goo.gl/3FPNDx
+                window.ga = window.ga || function () { (ga.q = ga.q || []).push(arguments) };
+                ga.l = +new Date;
 
-        // Google Analytics async snippet
-        // http://goo.gl/3FPNDx
-        window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
-        ga.l=+new Date;
+                var d=document,
+                    g=d.createElement('script'),
+                    s=d.getElementsByTagName('script')[0];
+                g.async=true;
 
-        // Create the GA tracker
-        ga('create', '{{ site.analyticsID }}', 'auto', {siteSpeedSampleRate: 10});
+                {% if jekyll.environment == "production" %}
+                    g.src='https://www.google-analytics.com/analytics.js';
+                {% else %}
+                    g.src='https://www.google-analytics.com/analytics_debug.js';
+                {% endif%}
 
-        {% if jekyll.environment != 'production' %}
-            // In non-production mode, simply log GA hits to the console.
-            // Note, tasks must be set before sending the first hit
-            ga(function(tracker) {
-                tracker.set('sendHitTask', function() {
-                    // Throw to stop subsequent tasks.
-                    throw 'Abort tracking in non-production environments.'
-                });
-            });
-        {% endif %}
+                s.parentNode.insertBefore(g,s);
 
-        // IP Anonymization
-        ga('set', 'anonymizeIp', true);
+                // Create the GA tracker
+                ga('create', '{{ site.analyticsID }}', 'auto', { siteSpeedSampleRate: 10 });
 
-        // Send initial pageview
-        ga('send', 'pageview');
+                {% if jekyll.environment != 'production' %}
+                    // In non-production mode, simply log GA hits to the console.
+                    // Note, tasks must be set before sending the first hit
+                    ga(function (tracker) {
+                        tracker.set('sendHitTask', function () {
+                            // Throw to stop subsequent tasks.
+                            throw 'Abort tracking in non-production environments.'
+                        });
+                    });
+                {% endif %}
 
-        // Track uncaught errors
-        window.onerror = function(message, url, line, col) {
-            var desc = message + ' (line: ' + line + ', url: ' + url + ', col: '
-            + col + ')';
+                // IP Anonymization
+                ga('set', 'anonymizeIp', true);
 
-            ga('send', 'exception', {
-                exDescription: 'window.onerror: ' + desc,
-                exFatal: false
-            });
-        };
+                // Send initial pageview
+                ga('send', 'pageview');
 
-    }(window));
-}
+                // Track uncaught errors
+                window.onerror = function (message, url, line, col) {
+                    var desc = message + ' (line: ' + line + ', url: ' + url + ', col: ' + col + ')';
+
+                    ga('send', 'exception', {
+                        exDescription: 'window.onerror: ' + desc,
+                        exFatal: false
+                    });
+                };
+            }(window));
+
+            GoogleAnalytics.init()
+
+        }, true);
+    }
 </script>
-
-{% if jekyll.environment == "production" %}
-    <script async src="//www.google-analytics.com/analytics.js"></script>
-{% else %}
-    <script async src="//www.google-analytics.com/analytics_debug.js"></script>
-{% endif%}
-
-
-<!--
-//
-// Disqus comments
-//
--->
-{% if page.comments %}
-<script>
-    var disqus_config = function () {
-        this.page.url = '{{ site.url }}{{ page.url }}';
-        this.page.identifier = '{{ page.id }}';
-        this.page.title = '{{ page.title }}';
-    };
-
-    {% if jekyll.environment == "development" %}
-    var disqus_developer = 1;
-    {% endif %}
-
-    (function() {
-        var d = document, s = d.createElement('script');
-
-        s.src = '//{{ site.disqus }}.disqus.com/embed.js';
-
-        s.setAttribute('data-timestamp', +new Date());
-        (d.head || d.body).appendChild(s);
-    })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
-{% endif %}
diff --git a/_src/_layouts/base.html b/_src/_layouts/base.html
index 7a046a5..25f04d9 100644
--- a/_src/_layouts/base.html
+++ b/_src/_layouts/base.html
@@ -19,6 +19,8 @@
 
         {% include footer.html %}
 
+        {% include cookie-banner.html %}
+
         {% include scripts.html %}
 
     </body>
diff --git a/package.json b/package.json
index 6b2c739..d30088f 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "bigchaindb-driver": "^4.0.0",
     "bootstrap": "^4.1.0",
     "clipboard": "^2.0.0",
+    "cookies-eu-banner": "^1.2.10",
     "gumshoe": "github:cferdinandi/gumshoe",
     "is-in-viewport": "^3.0.0",
     "jquery": "^3.3.1",