templates/flex-gtm/flex-gtm.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Welcome!{% endblock %}</title>
  6.     <link rel="icon"
  7.           href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  8.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
  9.           integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  10.     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  11.             integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  12.             crossorigin="anonymous"></script>
  13.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
  14.             integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
  15.             crossorigin="anonymous"></script>
  16. {#    <script>#}
  17. {#        window.FirstIdSDKConfig = {#}
  18. {#            INCLUDE_FLEX_MODULE: true,#}
  19. {#            INCLUDE_TCFAPI_MODULE: true,#}
  20. {#            FLEX_CONSENT: true#}
  21. {#        }#}
  22. {#    </script>#}
  24.     <!-- Google Tag Manager -->
  25.     <script>(function (w, d, s, l, i) {
  26.             w[l] = w[l] || [];
  27.             w[l].push({
  28.                 'gtm.start':
  29.                     new Date().getTime(), event: 'gtm.js'
  30.             });
  31.             var f = d.getElementsByTagName(s)[0],
  32.                 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  33.             j.async = true;
  34.             j.src =
  35.                 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  36.                 // 'https://lrnspb.editeur1-first-id.fr/gtm.js?id=' + i + dl;
  37.             f.parentNode.insertBefore(j, f);
  38.         })(window, document, 'script', 'dataLayer', 'GTM-NFW6BNDL');
  39.         /* GTM-PWSDN3WF / GTM-NT96JFSH for server side */
  40.         /* GTM-NFW6BNDL for client side */
  41.     </script>
  42.     <!-- End Google Tag Manager -->
  44.     {# Axeptio TCF API #}
  45.     <script>
  46.         window.axeptioSettings = {
  47.             clientId: "66137db6ae83de5e566cfc53",
  48.             cookiesVersion: "first-id sandbox-fr-EU",
  49.         };
  51.         (function (d, s) {
  52.             var t = d.getElementsByTagName(s)[0],
  53.                 e = d.createElement(s);
  54.             e.async = false;
  55.             e.src = "//static.axept.io/tcf/sdk.js";
  56.             e.type = "module";
  57.             t.parentNode.insertBefore(e, t);
  58.         })(document, "script");
  59.     </script>
  60.     {# End Axeptio TCF API #}
  61. </head>
  62. <body>
  63. <!-- Google Tag Manager (noscript) -->
  64. <noscript>
  65.     <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFW6BNDL"
  66.             height="0" width="0" style="display:none;visibility:hidden"></iframe>
  67. </noscript>
  68. <!-- End Google Tag Manager (noscript) -->
  70. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  71.     <a class="navbar-brand" href="{{ path('app_index') }}">{{ site_name }}</a>
  72.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  73.             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  74.         <span class="navbar-toggler-icon"></span>
  75.     </button>
  76. </nav>
  77. <div class="container">
  78.     <div class="row">
  79.         <div class="col-md-12">
  80.             <h3>First ID : <span id="firstid"></span></h3>
  81.         </div>
  82.     </div>
  83.     {% block body %}{% endblock %}
  84. </div>
  86. <script>
  87.     function getCookieValueFromCookieName(cookieName) {
  88.         let cookieArr = document.cookie.split(";");
  89.         for (let i = 0; i < cookieArr.length; i++) {
  90.             let cookiePair = cookieArr[i].split("=");
  91.             if (cookieName === cookiePair[0].trim()) {
  92.                 return decodeURIComponent(cookiePair[1]);
  93.             }
  94.         }
  95.         return null;
  96.     }
  98.     function updateFid() {
  99.         let fid = getCookieValueFromCookieName('firstid')
  100.         if (fid) {
  101.             if (interval) {
  102.                 clearInterval(interval)
  103.             }
  104.             $('#firstid').text(fid)
  105.         } else {
  106.             $('#firstid').text('No First ID cookie find.')
  107.         }
  108.     }
  110.     let interval = setInterval(updateFid, 1000)
  111. </script>
  112. </body>
  113. </html>