opt-out

user/themes/lecampus/templates/partials/base.html.twig

@@ -45,12 +45,17 @@
 
   <!-- Matomo -->
   <script type="text/javascript">
+
     var _paq = _paq || [];
     /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+
     _paq.push(["setDoNotTrack", true]);
     _paq.push(["disableCookies"]);
+    _paq.push(['requireConsent']);
     _paq.push(['trackPageView']);
     _paq.push(['enableLinkTracking']);
+    _paq.push(['rememberConsentGiven'])
+
     (function() {
       var u="//analytics.figureslibres.io/";
       _paq.push(['setTrackerUrl', u+'piwik.php']);
@@ -129,10 +134,17 @@
 
     {% block footer %}
       {% include 'partials/footer.html.twig' %}
-      <iframe title="exclude"
-        style="border: 0;"
-        src="https://lecampus.kevintessier.net/matomo/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=&fontSize=&fontFamily="
-        ></iframe>
+      <div class="opt-out">
+        <div class="txt">
+          <img src="/user/themes/lecampus/images/fleche-out.svg" alt="fleche">
+          <p>Cookies</p>
+        </div>
+
+      <iframe class="exclude"
+        style="border: 0; width: 100%; text-align: center;"
+        src="https://analytics.figureslibres.io/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=&fontSize=12px&fontFamily=arial">
+      </iframe>
+    </div>
     {% endblock %}
 
     {% block bottom %}