feat(front): disable GA and remove tarte au citron (#2568)

* feat(front): disable google analytics * test(front): update snaps * feat(front): remove unecessary files after removing google analytics * test(front): update snaps * fix(front): wrong snaps * test(front): update snaps
SocialGouv · Apr 23, 2020 · 151be65 · 151be65
1 parent 21b3d59
commit 151be65
Show file tree

Hide file tree

Showing 15 changed files with 45 additions and 3,157 deletions.
diff --git a/...s/code-du-travail-frontend/__tests__/__snapshots__/politique-confidentialite.test.js.snap b/...s/code-du-travail-frontend/__tests__/__snapshots__/politique-confidentialite.test.js.snap
@@ -8,7 +8,7 @@ exports[`<CookiePolicy /> should render 1`] = `
   max-width: 74rem;
 }
 
-.c40 {
+.c39 {
   max-width: 124rem;
   margin: 0 auto;
   padding: 0 2rem;
@@ -165,7 +165,7 @@ exports[`<CookiePolicy /> should render 1`] = `
   cursor: not-allowed;
 }
 
-.c36 {
+.c43 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -202,16 +202,16 @@ exports[`<CookiePolicy /> should render 1`] = `
   opacity: 1;
 }
 
-.c36:link,
-.c36:visited {
+.c43:link,
+.c43:visited {
   -webkit-text-decoration: none;
   text-decoration: none;
   color: #fff;
 }
 
-.c36:not([disabled]):hover,
-.c36:not([disabled]):active,
-.c36:not([disabled]):focus {
+.c43:not([disabled]):hover,
+.c43:not([disabled]):active,
+.c43:not([disabled]):focus {
   opacity: 1;
   -webkit-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
@@ -220,7 +220,7 @@ exports[`<CookiePolicy /> should render 1`] = `
   border-color: #a0b3e0;
 }
 
-.c36[disabled] {
+.c43[disabled] {
   background-color: #e4e8ef;
   border-color: #e4e8ef;
   color: #9298af;
@@ -388,7 +388,7 @@ exports[`<CookiePolicy /> should render 1`] = `
   text-align: left;
 }
 
-.c41 {
+.c40 {
   margin-top: 0;
   margin-bottom: 2rem;
   margin-left: auto;
@@ -418,7 +418,7 @@ exports[`<CookiePolicy /> should render 1`] = `
   text-align: left;
 }
 
-.c42 {
+.c41 {
   position: relative;
   margin: 0;
   color: #2f3b6c;
@@ -633,20 +633,20 @@ exports[`<CookiePolicy /> should render 1`] = `
   text-decoration-color: #2f3b6c;
 }
 
-.c37 {
+.c36 {
   width: 100%;
   overflow-x: hidden;
 }
 
-.c38 {
+.c37 {
   position: relative;
   z-index: 1;
   margin-top: 4rem;
   padding-top: 1.6rem;
   background-color: #f2f5fa;
 }
 
-.c38:before {
+.c37:before {
   position: absolute;
   top: -27px;
   left: -50%;
@@ -658,13 +658,13 @@ exports[`<CookiePolicy /> should render 1`] = `
   content: "";
 }
 
-.c39 {
+.c38 {
   position: relative;
   padding-bottom: 7rem;
   text-align: center;
 }
 
-.c43 {
+.c42 {
   max-width: 124rem;
   margin: 0 auto;
   padding: 0 2rem;
@@ -795,13 +795,13 @@ exports[`<CookiePolicy /> should render 1`] = `
 }
 
 @media (max-width:600px) {
-  .c40 {
+  .c39 {
     padding: 0 1rem;
   }
 }
 
 @media print {
-  .c40 {
+  .c39 {
     max-width: 100%;
     padding: 0;
   }
@@ -839,13 +839,13 @@ exports[`<CookiePolicy /> should render 1`] = `
 }
 
 @media (max-width:600px) {
-  .c36 {
+  .c43 {
     font-size: 1.4rem;
   }
 }
 
 @media (max-width:600px) {
-  .c36 {
+  .c43 {
     padding: 0 3rem;
   }
 }
@@ -910,7 +910,7 @@ exports[`<CookiePolicy /> should render 1`] = `
 }
 
 @media (max-width:600px) {
-  .c41 {
+  .c40 {
     margin-bottom: 1rem;
     margin-left: auto;
   }
@@ -935,7 +935,7 @@ exports[`<CookiePolicy /> should render 1`] = `
 }
 
 @media (max-width:600px) {
-  .c42 {
+  .c41 {
     font-size: 2.2rem;
   }
 }
@@ -1067,26 +1067,26 @@ exports[`<CookiePolicy /> should render 1`] = `
 }
 
 @media print {
-  .c38 {
+  .c37 {
     display: none;
   }
 }
 
 @media (max-width:600px) {
-  .c39 {
+  .c38 {
     padding-top: 0;
     padding-bottom: 4rem;
   }
 }
 
 @media (max-width:600px) {
-  .c43 {
+  .c42 {
     padding: 0;
   }
 }
 
 @media print {
-  .c43 {
+  .c42 {
     max-width: 100%;
     padding: 0;
   }
@@ -1443,16 +1443,15 @@ exports[`<CookiePolicy /> should render 1`] = `
               Nous collectons donc des données par l’intermédiaire de dispositifs appelés “cookies” permettant d’établir des mesures statistiques.
             </p>
             <p>
-              Ces cookies permettent au Code du travail numérique d’établir des mesures statistiques de fréquentation et d’utilisation du site. Pour ce faire, nous utilisons les services proposés par la suite
+              Ces cookies permettent au Code du travail numérique d’établir des mesures statistiques de fréquentation et d’utilisation du site. Pour ce faire, nous utilisons les services proposés par
                
               <a
-                href="https://support.google.com/analytics/answer/9019185?hl=fr&ref_topic=2919631"
-                title="Les paramètres de confidentialité dans Google Analytics"
+                href="https://fr.matomo.org/"
+                title="Page d'accueil de Matomo"
               >
-                Google Analytics
+                Matomo
               </a>
-               
-              et Matomo.
+              .
             </p>
             <p>
               Il convient d’indiquer que :
@@ -1464,17 +1463,7 @@ exports[`<CookiePolicy /> should render 1`] = `
               <li>
                 Les cookies ne permettent pas de suivre la navigation de l’internaute sur d’autres sites.
               </li>
-              <li>
-                Les cookies sont inactifs avant que vous ayez exprimé votre consentement en cliquant sur le bouton « Ok, tout accepter  » ou après que vous ayez pris le soin de personnaliser vos préférences.
-              </li>
             </ul>
-            <p>
-              <button
-                class="c36"
-              >
-                Modifier les réglages
-              </button>
-            </p>
             <p>
               À tout moment, vous pouvez refuser l’utilisation des cookies et désactiver le dépôt sur votre ordinateur en utilisant la fonction dédiée de votre navigateur (fonction disponible notamment sur Microsoft Internet Explorer 11, Google Chrome, Mozilla Firefox, Apple Safari et Opera).
             </p>
@@ -1510,22 +1499,22 @@ exports[`<CookiePolicy /> should render 1`] = `
       </div>
     </main>
     <div
-      class="c37"
+      class="c36"
     >
       <footer
-        class="c38"
+        class="c37"
       >
         <div
-          class="c26 c39"
+          class="c26 c38"
         >
           <div
-            class="c40"
+            class="c39"
           >
             <header
-              class="c41"
+              class="c40"
             >
               <h3
-                class="c42"
+                class="c41"
               >
                 <div
                   class="c30"
@@ -1534,12 +1523,12 @@ exports[`<CookiePolicy /> should render 1`] = `
               </h3>
             </header>
             <div
-              class="c43"
+              class="c42"
             >
               Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
             </div>
             <button
-              class="c36"
+              class="c43"
             >
               Contacter nos services en région
               <svg

diff --git a/packages/code-du-travail-frontend/package.json b/packages/code-du-travail-frontend/package.json
@@ -66,7 +66,6 @@
     "remark-rehype": "^6.0.0",
     "speakingurl": "14.0.1",
     "styled-components": "^5.1.0",
-    "tarteaucitronjs": "^1.3.1",
     "unified": "^9.0.0",
     "unist-util-find": "^1.0.1",
     "url-search-params": "^1.1.0"

diff --git a/packages/code-du-travail-frontend/pages/_document.js b/packages/code-du-travail-frontend/pages/_document.js
@@ -50,14 +50,6 @@ export default class MyDocument extends Document {
           />
           <link rel="shortcut icon" href="/static/favicon.ico" />
           <script src="/static/polyfill.min.js" />
-          <script
-            type="text/javascript"
-            src="/static/tarteaucitron/tarteaucitron.js"
-          ></script>
-          <script
-            type="text/javascript"
-            src="/static/tarteaucitron/initTarteaucitron.js"
-          ></script>
         </Head>
         <body>
           <noscript>

diff --git a/packages/code-du-travail-frontend/pages/politique-confidentialite.js b/packages/code-du-travail-frontend/pages/politique-confidentialite.js
@@ -1,8 +1,7 @@
-import React, { useCallback } from "react";
+import React from "react";
 import Link from "next/link";
 import styled from "styled-components";
 import {
-  Button,
   Container,
   PageTitle,
   Section,
@@ -17,12 +16,6 @@ import Metas from "../src/common/Metas";
 const { spacings } = theme;
 
 const CookiePolicy = ({ pageUrl, ogImage }) => {
-  const openTarteAuCitron = useCallback(() => {
-    if (window && window.tarteaucitron) {
-      window.tarteaucitron.userInterface.openPanel();
-    }
-  }, []);
-
   return (
     <Layout>
       <Metas
@@ -115,14 +108,11 @@ const CookiePolicy = ({ pageUrl, ogImage }) => {
             <p>
               Ces cookies permettent au Code du travail numérique d’établir des
               mesures statistiques de fréquentation et d’utilisation du site.
-              Pour ce faire, nous utilisons les services proposés par la suite{" "}
-              <a
-                title="Les paramètres de confidentialité dans Google Analytics"
-                href="https://support.google.com/analytics/answer/9019185?hl=fr&ref_topic=2919631"
-              >
-                Google Analytics
-              </a>{" "}
-              et Matomo.
+              Pour ce faire, nous utilisons les services proposés par{" "}
+              <a title="Page d'accueil de Matomo" href="https://fr.matomo.org/">
+                Matomo
+              </a>
+              .
             </p>
             <p>Il convient d’indiquer que&nbsp;:</p>
             <ul>
@@ -134,16 +124,7 @@ const CookiePolicy = ({ pageUrl, ogImage }) => {
                 Les cookies ne permettent pas de suivre la navigation de
                 l’internaute sur d’autres sites.
               </li>
-              <li>
-                Les cookies sont inactifs avant que vous ayez exprimé votre
-                consentement en cliquant sur le bouton «&nbsp;Ok, tout
-                accepter&nbsp; » ou après que vous ayez pris le soin de
-                personnaliser vos préférences.
-              </li>
             </ul>
-            <p>
-              <Button onClick={openTarteAuCitron}>Modifier les réglages</Button>
-            </p>
             <p>
               À tout moment, vous pouvez refuser l’utilisation des cookies et
               désactiver le dépôt sur votre ordinateur en utilisant la fonction
@@ -160,7 +141,6 @@ const CookiePolicy = ({ pageUrl, ogImage }) => {
               style={{ border: 0, width: "100%" }}
               src="https://matomo.fabrique.social.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=2f3b6c&fontSize=16px&fontFamily=sans-serif"
             ></iframe>
-
             <p>
               Pour aller plus loin, vous pouvez consulter les fiches proposées
               par la Commission Nationale de l’Informatique et des Libertés

diff --git a/packages/code-du-travail-frontend/public/googlee8e0929e9d9e0329.html b/packages/code-du-travail-frontend/public/googlee8e0929e9d9e0329.html