templates/premium-lite/premium-lite-sgtm.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.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  17.     {#
  18.     {% block stylesheets %}
  19.         {{ encore_entry_link_tags('app') }}
  20.     {% endblock %}
  22.     {% block javascripts %}
  23.         {{ encore_entry_script_tags('app') }}
  24.     {% endblock %}
  25.     #}
  27.     {# Axeptio TCF API #}
  28.     <script>
  29.         window.axeptioSettings = {
  30.             clientId: "66137db6ae83de5e566cfc53",
  31.             cookiesVersion: "first-id sandbox-fr-EU",
  32.         };
  34.         (function (d, s) {
  35.             var t = d.getElementsByTagName(s)[0],
  36.                 e = d.createElement(s);
  37.             e.async = false;
  38.             e.src = "//static.axept.io/tcf/sdk.js";
  39.             e.type = "module";
  40.             t.parentNode.insertBefore(e, t);
  41.         })(document, "script");
  42.     </script>
  43.     {# End Axeptio TCF API #}
  44.     <!-- Google Tag Manager -->
  45.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  46.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  47.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  48.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  49.     })(window,document,'script','dataLayer','GTM-5VL52TTX');</script>
  50.     <!-- End Google Tag Manager -->
  51. </head>
  52. <body>
  53. <noscript>
  54.     <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5VL52TTX"
  55.             height="0" width="0" style="display:none;visibility:hidden"></iframe>
  56. </noscript>
  57. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  58.     <a class="navbar-brand" href="{{ path('app_index') }}">{{ site_name }}</a>
  59.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  60.             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  61.         <span class="navbar-toggler-icon"></span>
  62.     </button>
  63. </nav>
  64. <div class="container">
  65.     <div class="row">
  66.         <div class="col-md-12">
  67.             <p>Premium Lite will be loader by GTM web and redirect to Server Side GTM before return here</p>
  68.         </div>
  69.     </div>
  70.     <div class="row">
  71.         <div class="col-md-12">
  72.             <h3>First ID : <span id="firstid"></span></h3>
  73.         </div>
  74.     </div>
  75.     {% block body %}{% endblock %}
  76. </div>
  77. </body>
  80. <script>
  81.     function getCookieValueFromCookieName(cookieName) {
  82.         let cookieArr = document.cookie.split(";");
  83.         for (let i = 0; i < cookieArr.length; i++) {
  84.             let cookiePair = cookieArr[i].split("=");
  85.             if (cookieName === cookiePair[0].trim()) {
  86.                 return decodeURIComponent(cookiePair[1]);
  87.             }
  88.         }
  89.         return null;
  90.     }
  92.     let interval = undefined
  94.     function updateFid() {
  95.         let fid = getCookieValueFromCookieName('firstid')
  96.         if (fid) {
  97.             if (interval) {
  98.                 clearInterval(interval)
  99.             }
  100.             $('#firstid').text(fid)
  101.         } else {
  102.             $('#firstid').text('No First ID cookie find.')
  103.         }
  104.     }
  106.     interval = setInterval(updateFid, 1000)
  108.     document.addEventListener('firstId:new', (event) => console.log('New first id:', event.detail));
  109.     document.addEventListener('firstId:initialized', (event) => {
  110.         console.log('First id initialized:', event.detail)
  111.     });
  113. </script>
  114. </html>