Merge pull request #46 from Orange-OpenSource/main-dgo-GTM

Add scripts to deploy GTM on every pages
Orange-OpenSource · Jan 9, 2025 · 9feabd8 · 9feabd8
2 parents 4ab9d9d + 81f8059
commit 9feabd8
Show file tree

Hide file tree

Showing 13 changed files with 143 additions and 0 deletions.
diff --git a/src/index.html b/src/index.html
@@ -15,6 +15,13 @@
 <html data-i18n="common.lang_lang">
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <title data-i18n="welcome.tabTitle"></title>
   <meta name="description" data-i18n="welcome.content_description"/>
   <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.2/dist/css/boosted.min.css" rel="stylesheet"
@@ -25,6 +32,10 @@
   <script src="lang/lang.js"></script>
 </head>
 <body class="d-flex flex-column min-vh-100">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <header class="bg-dark text-white">
   <nav class="navbar navbar-expand supra" data-bs-theme="dark">
     <div class="container-xxl">

diff --git a/src/pages/cognitive-simulation.html b/src/pages/cognitive-simulation.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="cognitiveSimu.content_description"/>
   <title data-i18n="cognitiveSimu.tabTitle"></title>
@@ -27,6 +34,10 @@
   <script src="../lang/lang.js"></script>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <input type="hidden" id="pageId" name="pageId" value="cognitiveSimulation"/>
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/cognitive.html b/src/pages/cognitive.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="cognitive.content_description"/>
   <title data-i18n="cognitive.tabTitle"></title>
@@ -28,6 +35,10 @@
 </head>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <input type="hidden"  id="pageId" name="pageId" value="cognitive" />
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/form-registration.html b/src/pages/form-registration.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="form.content_description"/>
   <title data-i18n="form.tabTitle"></title>
@@ -28,6 +35,10 @@
 </head>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <input type="hidden" id="pageId" name="pageId" value="formRegistration"/>
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/form-satisfaction.html b/src/pages/form-satisfaction.html
@@ -15,6 +15,13 @@
 <html data-i18n="common.lang_lang">
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport"
         content="width=device-width, initial-scale=5.0, maximum-scale=5.0, minimum-scale=5.0 user-scalable=no">
   <meta name="description" data-i18n="formSimu.content_description"/>
@@ -162,6 +169,10 @@
     </style>
   </head>
 <body>
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <div class="custom-cursor"></div>
 <div class="tooltip-header">
   <div class="tooltip">

diff --git a/src/pages/hearing-simulation.html b/src/pages/hearing-simulation.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="hearingSimu.content_description"/>
   <title data-i18n="hearingSimu.tabTitle"></title>
@@ -28,6 +35,10 @@
 </head>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <input type="hidden"  id="pageId" name="pageId" value="hearingSimulation" />
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/hearing.html b/src/pages/hearing.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="hearing.content_description"/>
   <title data-i18n="hearing.tabTitle"></title>
@@ -28,6 +35,10 @@
 </head>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <input type="hidden"  id="pageId" name="pageId" value="hearing" />
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/introduction.html b/src/pages/introduction.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <title data-i18n="intro.tabTitle"></title>
   <meta name="description" data-i18n="intro.content_description"/>
   <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.2/dist/css/boosted.min.css" rel="stylesheet"
@@ -27,6 +34,10 @@
 </head>
 
 <body class="fs-2 intro">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <input type="hidden"  id="pageId" name="pageId" value="intro" />
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/physical-simulation.html b/src/pages/physical-simulation.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="physicalSimu.content_description"/>
   <title data-i18n="physicalSimu.tabTitle"></title>
@@ -28,6 +35,10 @@
 </head>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <input type="hidden"  id="pageId" name="pageId" value="physicalSimulation" />
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/physical.html b/src/pages/physical.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="physical.content_description"
         content=""/>
@@ -29,6 +36,10 @@
 </head>
 
 <body class="physical fs-2 no-cursor">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <input type="hidden" id="pageId" name="pageId" value="physical"/>
 <header>
   <div class="bg-dark py-2">

diff --git a/src/pages/scores.html b/src/pages/scores.html
@@ -15,6 +15,13 @@
 <html data-i18n="common.lang_lang">
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <title data-i18n="scores.tabTitle"></title>
   <meta name="description" data-i18n="scores.content_description"/>
   <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.2/dist/css/boosted.min.css" rel="stylesheet"
@@ -25,6 +32,10 @@
   <script src="../lang/lang.js"></script>
 </head>
 <body class="d-flex flex-column min-vh-100">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <header class="bg-dark text-white">
   <nav class="navbar navbar-expand supra" data-bs-theme="dark">
     <div class="container-xxl">

diff --git a/src/pages/visual-simulation.html b/src/pages/visual-simulation.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="visualSimu.content_description"/>
   <title data-i18n="visualSimu.tabTitle"></title>
@@ -29,6 +36,10 @@
         integrity="sha384-fyenpx19UpfUhZ+SD9o9IdxeIJKE6upKx0B54OcXy1TqnO660Qw9xw6rOASP+eir" crossorigin="anonymous">
 </head>
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <input type="hidden"  id="pageId" name="pageId" value="visualSimulation" />
 <header class="d-none">
   <div class="bg-dark py-2">

diff --git a/src/pages/visual.html b/src/pages/visual.html
@@ -16,6 +16,13 @@
 
 <head>
   <meta charset="utf-8">
+  <!-- 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-PHCG78NK');</script>
+  <!-- End Google Tag Manager -->  
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" data-i18n="visual.content_description"/>
   <title data-i18n="visual.tabTitle"></title>
@@ -38,6 +45,10 @@
 </head>
 
 <body class="fs-2">
+  <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHCG78NK"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 <input type="hidden" id="pageId" name="pageId" value="visual"/>
 <header>
   <div class="bg-dark py-2">