From 0ffa8e289da2a5e520232eaf2ca58c1914bbcf33 Mon Sep 17 00:00:00 2001
From: Diana Boiangiu <boiangiudiana58@gmail.com>
Date: Tue, 15 May 2018 16:04:42 +0300
Subject: [PATCH] [refs #5080] Use google analytics only on user's confirmation

---
 ecolex/static/css/bootstrap.custom.css | 14 ++++
 ecolex/templates/bits/ga.html          | 92 +++++++++++++-------------
 ecolex/templates/layout.html           | 68 +++++++++++--------
 3 files changed, 102 insertions(+), 72 deletions(-)

diff --git a/ecolex/static/css/bootstrap.custom.css b/ecolex/static/css/bootstrap.custom.css
index 774299a2..00d59482 100644
--- a/ecolex/static/css/bootstrap.custom.css
+++ b/ecolex/static/css/bootstrap.custom.css
@@ -6960,6 +6960,20 @@ ul.select2-selection__rendered {
 .comment {
   margin-bottom: 0;
 }
+
+.analytics-cookie {
+  position: fixed;
+  top: 25%;
+  left: 40% !important;
+  max-width:400px;
+  display: block;
+}
+
+.analytics-cookie-btn {
+
+    margin-right: 5px;
+}
+
 .summary + .summary,
 .summary + .abstract,
 .summary + .comment,
diff --git a/ecolex/templates/bits/ga.html b/ecolex/templates/bits/ga.html
index 0b5bd3b3..2f17d9aa 100644
--- a/ecolex/templates/bits/ga.html
+++ b/ecolex/templates/bits/ga.html
@@ -1,56 +1,58 @@
 {% if settings.GA_ENABLED %}
 <script>
-  (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.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-  var ecolex_code = '{{ settings.ECOLEX_CODE }}',
-      informea_code = '{{ settings.INFORMEA_CODE }}',
-      faolex_code =  '{{ settings.FAOLEX_CODE }}',
-      faolex_code_2 = '{{ settings.FAOLEX_CODE_2 }}';
-
-  ga('create', ecolex_code, 'auto');
-  ga('send', 'pageview');
-
-  ga('create', informea_code, 'auto', {'name': 'informea'});
-  ga('create', faolex_code, 'auto', {'name': 'faolex'});
-  ga('create', faolex_code_2, 'auto', {'name': 'allSites'});
-
-  document.source = "ecolex"
-  if (document.informea_url) {
-    document.referrer = document.location.href;
-    document.source = "informea";
-    send_hit('informea', document.informea_url)
-  } else if (document.faolex_url) {
-    if (!document.referrer && document.referrer.indexOf('informea.org/') == -1) {
+  if ($.cookie('analyticsState') == 'true'){
+    (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.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+    var ecolex_code = '{{ settings.ECOLEX_CODE }}',
+    informea_code = '{{ settings.INFORMEA_CODE }}',
+    faolex_code =  '{{ settings.FAOLEX_CODE }}',
+    faolex_code_2 = '{{ settings.FAOLEX_CODE_2 }}';
+
+    ga('create', ecolex_code, 'auto');
+    ga('send', 'pageview');
+
+    ga('create', informea_code, 'auto', {'name': 'informea'});
+    ga('create', faolex_code, 'auto', {'name': 'faolex'});
+    ga('create', faolex_code_2, 'auto', {'name': 'allSites'});
+
+    document.source = "ecolex"
+    if (document.informea_url) {
+      document.referrer = document.location.href;
+      document.source = "informea";
+      send_hit('informea', document.informea_url)
+    } else if (document.faolex_url) {
+      if (!document.referrer && document.referrer.indexOf('informea.org/') == -1) {
         document.referrer = document.location.href;
+      }
+      document.source = "faolex";
+      send_hit('faolex', document.faolex_url);
+      send_hit('allSites', document.faolex_url);
     }
-    document.source = "faolex";
-    send_hit('faolex', document.faolex_url);
-    send_hit('allSites', document.faolex_url);
-  }
 
-  function send_hit(tracker_name, url) {
-    ga(tracker_name + '.set', 'referrer', document.referrer);
-    ga(tracker_name + '.set', 'hostname', "www.ecolex.org");
-    ga(tracker_name + '.set', 'location', url);
-    ga(tracker_name + '.send', 'pageview');
-  }
+    function send_hit(tracker_name, url) {
+      ga(tracker_name + '.set', 'referrer', document.referrer);
+      ga(tracker_name + '.set', 'hostname', "www.ecolex.org");
+      ga(tracker_name + '.set', 'location', url);
+      ga(tracker_name + '.send', 'pageview');
+    }
 
-  function outbound_pdf_link() {
-    // category, action, label
-    ga('send', 'event', 'OutboundLink', document.source, this.href);
+    function outbound_pdf_link() {
+      // category, action, label
+      ga('send', 'event', 'OutboundLink', document.source, this.href);
 
-    if (document.source == "faolex") {
-      // Hit faolex
-      send_hit('faolex', document.faolex_url);
+      if (document.source == "faolex") {
+        // Hit faolex
+        send_hit('faolex', document.faolex_url);
+      }
     }
-  }
 
-  window.addEventListener('load', function () {
-    // setup handlers
-    $(".file-link").click(outbound_pdf_link);
-  });
+    window.addEventListener('load', function () {
+      // setup handlers
+      $(".file-link").click(outbound_pdf_link);
+    });
+  }
 </script>
 {% endif %}
diff --git a/ecolex/templates/layout.html b/ecolex/templates/layout.html
index a9eaa4e2..093637f5 100644
--- a/ecolex/templates/layout.html
+++ b/ecolex/templates/layout.html
@@ -263,34 +263,48 @@
 
 </script>
 
+<script type="text/javascript">
+ (function() {
+    if ($.cookie('ivisited') != "true") {
+      var setCookie = function () {
+        $.cookie('ivisited', 'true');
+        cookieDisclaimer.parentNode.removeChild(cookieDisclaimer);
+        window.removeEventListener('scroll', setCookie, false);
+      };
+      var cookieDisclaimer = document.createElement('DIV');
+      cookieDisclaimer.classList.add ('cookie-message');
+      cookieDisclaimer.innerHTML = '<p>In order to understand how people use our site generally, and to create more valuable experiences for you, we may collect data about your use of this site (both directly and through our partners).<br>By using this Website you agree to the use of cookies.</p>' +
+                                   '<a class="btn btn-blue" href> OK </a>';
+      cookieDisclaimer.addEventListener('click', setCookie, false);
+      window.addEventListener('scroll', setCookie, false);
+      document.body.appendChild(cookieDisclaimer);
+    }
 
-    <script type="text/javascript">
-  
-        (function() {
-
-          if ($.cookie('ivisited') != "true") {
-            var setCookie = function () {
-           $.cookie('ivisited', 'true');
-              cookieDisclaimer.parentNode.removeChild(cookieDisclaimer);
-              window.removeEventListener('scroll', setCookie, false);
-            };
-            var cookieDisclaimer = document.createElement('DIV');
-            cookieDisclaimer.classList.add ('cookie-message');
-            cookieDisclaimer.innerHTML =
-              '<p>In order to understand how people use our site generally, and to create more valuable experiences for you, we may collect data about your use of this site (both directly and through our partners).<br>By using this Website you agree to the use of cookies.</p>' +
-              '<a class="btn btn-blue" href> OK </a>'
-            ;
-            cookieDisclaimer.addEventListener('click', setCookie, false);
-            window.addEventListener('scroll', setCookie, false);
-            document.body.appendChild(cookieDisclaimer);
-          }
-           $.cookie('ivisited', 'true');
-        }())
-      
-  </script>
-
-
-  <script src="{{ STATIC_URL }}{% version 'js/bootstrap-tour.min.js' %}"></script>
+    if($.cookie('analyticsState') == null) {
+      var setCookie = function (event) {
+        if(event.data.okay == true){
+          $.cookie('analyticsState', 'true');       }
+        else{
+          $.cookie('analyticsState', 'false');
+        }
+    };
+
+    var cookieDisclaimer = $("body").prepend(
+      '<div class="cookie-message" id="analytics-state">' +
+      '<p>Due to The General Data Protection Regulation (GDPR), the user is now in control of the data collected. Ecolex uses Google Analytics, a tool designed to collect user data, analyze it and provide statistics that help the development of a better User Experience. Click "Okay" if you want to allow your data to be processed by Google Analytics.</p>' +
+      '</div>');
+    var okButton = $('<a class="btn btn-blue analytics-cookie-btn" href>OK</a>');
+    var cancelButton = $('<a class="btn btn-blue analytics-cookie-btn" href>Cancel</a>');
+    cancelButton.click({okay: false}, setCookie);
+    okButton.click({okay: true}, setCookie);
+    $('#analytics-state').append(cancelButton);
+    $('#analytics-state').append(okButton);
+    }
+}())
+
+</script>
+
+<script src="{{ STATIC_URL }}{% version 'js/bootstrap-tour.min.js' %}"></script>
   {% include 'bits/ga.html' %}
   {% include 'tour.html' %}
   {% block endscripts %}