From 99c2334390b88968c06ee497c5a7f27984cb3ade Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 26 Feb 2024 17:36:43 +0800
Subject: [PATCH] Add piwik

---
 bus-arrival/index.html    | 51 ++++++++++++++++++++++++++++++++++++++
 bus-first-last/index.html | 51 ++++++++++++++++++++++++++++++++++++++
 index.html                | 52 +++++++++++++++++++++++++++++++++++++++
 visualization/index.html  | 51 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 205 insertions(+)

diff --git a/bus-arrival/index.html b/bus-arrival/index.html
index 73e2718..d8aa129 100644
--- a/bus-arrival/index.html
+++ b/bus-arrival/index.html
@@ -35,4 +35,55 @@
     window.gtag = gtag;
   </script>
   <script src="../assets/arrival.js" type="module"></script>
+  <script type="text/javascript">
+    (function (window, document, dataLayerName, id) {
+      (window[dataLayerName] = window[dataLayerName] || []),
+        window[dataLayerName].push({
+          start: new Date().getTime(),
+          event: 'stg.start',
+        });
+      var scripts = document.getElementsByTagName('script')[0],
+        tags = document.createElement('script');
+      function stgCreateCookie(a, b, c) {
+        var d = '';
+        if (c) {
+          var e = new Date();
+          e.setTime(e.getTime() + 24 * c * 60 * 60 * 1e3),
+            (d = '; expires=' + e.toUTCString());
+          f = '; SameSite=Strict';
+        }
+        document.cookie = a + '=' + b + d + f + '; path=/';
+      }
+      var isStgDebug =
+        (window.location.href.match('stg_debug') ||
+          document.cookie.match('stg_debug')) &&
+        !window.location.href.match('stg_disable_debug');
+      stgCreateCookie('stg_debug', isStgDebug ? 1 : '', isStgDebug ? 14 : -1);
+      var qP = [];
+      dataLayerName !== 'dataLayer' &&
+        qP.push('data_layer_name=' + dataLayerName),
+        isStgDebug && qP.push('stg_debug');
+      var qPString = qP.length > 0 ? '?' + qP.join('&') : '';
+      (tags.async = !0),
+        (tags.src = 'https://ca.containers.piwik.pro/' + id + '.js' + qPString),
+        scripts.parentNode.insertBefore(tags, scripts);
+      !(function (a, n, i) {
+        a[n] = a[n] || {};
+        for (var c = 0; c < i.length; c++)
+          !(function (i) {
+            (a[n][i] = a[n][i] || {}),
+              (a[n][i].api =
+                a[n][i].api ||
+                function () {
+                  var a = [].slice.call(arguments, 0);
+                  'string' == typeof a[0] &&
+                    window[dataLayerName].push({
+                      event: n + '.' + i + ':' + a[0],
+                      parameters: [].slice.call(arguments, 1),
+                    });
+                });
+          })(i[c]);
+      })(window, 'ppms', ['tm', 'cm']);
+    })(window, document, 'dataLayer', 'f84f7808-9fe5-444d-884d-3f61a5d8b01e');
+  </script>
 </html>
diff --git a/bus-first-last/index.html b/bus-first-last/index.html
index 9e4de78..d754693 100644
--- a/bus-first-last/index.html
+++ b/bus-first-last/index.html
@@ -46,4 +46,55 @@
     window.gtag = gtag;
   </script>
   <script src="../assets/firstlast.js" type="module"></script>
+  <script type="text/javascript">
+    (function (window, document, dataLayerName, id) {
+      (window[dataLayerName] = window[dataLayerName] || []),
+        window[dataLayerName].push({
+          start: new Date().getTime(),
+          event: 'stg.start',
+        });
+      var scripts = document.getElementsByTagName('script')[0],
+        tags = document.createElement('script');
+      function stgCreateCookie(a, b, c) {
+        var d = '';
+        if (c) {
+          var e = new Date();
+          e.setTime(e.getTime() + 24 * c * 60 * 60 * 1e3),
+            (d = '; expires=' + e.toUTCString());
+          f = '; SameSite=Strict';
+        }
+        document.cookie = a + '=' + b + d + f + '; path=/';
+      }
+      var isStgDebug =
+        (window.location.href.match('stg_debug') ||
+          document.cookie.match('stg_debug')) &&
+        !window.location.href.match('stg_disable_debug');
+      stgCreateCookie('stg_debug', isStgDebug ? 1 : '', isStgDebug ? 14 : -1);
+      var qP = [];
+      dataLayerName !== 'dataLayer' &&
+        qP.push('data_layer_name=' + dataLayerName),
+        isStgDebug && qP.push('stg_debug');
+      var qPString = qP.length > 0 ? '?' + qP.join('&') : '';
+      (tags.async = !0),
+        (tags.src = 'https://ca.containers.piwik.pro/' + id + '.js' + qPString),
+        scripts.parentNode.insertBefore(tags, scripts);
+      !(function (a, n, i) {
+        a[n] = a[n] || {};
+        for (var c = 0; c < i.length; c++)
+          !(function (i) {
+            (a[n][i] = a[n][i] || {}),
+              (a[n][i].api =
+                a[n][i].api ||
+                function () {
+                  var a = [].slice.call(arguments, 0);
+                  'string' == typeof a[0] &&
+                    window[dataLayerName].push({
+                      event: n + '.' + i + ':' + a[0],
+                      parameters: [].slice.call(arguments, 1),
+                    });
+                });
+          })(i[c]);
+      })(window, 'ppms', ['tm', 'cm']);
+    })(window, document, 'dataLayer', 'f84f7808-9fe5-444d-884d-3f61a5d8b01e');
+  </script>
 </html>
diff --git a/index.html b/index.html
index b269579..e1d4d8f 100644
--- a/index.html
+++ b/index.html
@@ -115,6 +115,58 @@ <h1>
     <div id="app"></div>
     <div id="tooltip"></div>
     <script src="assets/app.js" type="module"></script>
+    <script type="text/javascript">
+      (function (window, document, dataLayerName, id) {
+        (window[dataLayerName] = window[dataLayerName] || []),
+          window[dataLayerName].push({
+            start: new Date().getTime(),
+            event: 'stg.start',
+          });
+        var scripts = document.getElementsByTagName('script')[0],
+          tags = document.createElement('script');
+        function stgCreateCookie(a, b, c) {
+          var d = '';
+          if (c) {
+            var e = new Date();
+            e.setTime(e.getTime() + 24 * c * 60 * 60 * 1e3),
+              (d = '; expires=' + e.toUTCString());
+            f = '; SameSite=Strict';
+          }
+          document.cookie = a + '=' + b + d + f + '; path=/';
+        }
+        var isStgDebug =
+          (window.location.href.match('stg_debug') ||
+            document.cookie.match('stg_debug')) &&
+          !window.location.href.match('stg_disable_debug');
+        stgCreateCookie('stg_debug', isStgDebug ? 1 : '', isStgDebug ? 14 : -1);
+        var qP = [];
+        dataLayerName !== 'dataLayer' &&
+          qP.push('data_layer_name=' + dataLayerName),
+          isStgDebug && qP.push('stg_debug');
+        var qPString = qP.length > 0 ? '?' + qP.join('&') : '';
+        (tags.async = !0),
+          (tags.src =
+            'https://ca.containers.piwik.pro/' + id + '.js' + qPString),
+          scripts.parentNode.insertBefore(tags, scripts);
+        !(function (a, n, i) {
+          a[n] = a[n] || {};
+          for (var c = 0; c < i.length; c++)
+            !(function (i) {
+              (a[n][i] = a[n][i] || {}),
+                (a[n][i].api =
+                  a[n][i].api ||
+                  function () {
+                    var a = [].slice.call(arguments, 0);
+                    'string' == typeof a[0] &&
+                      window[dataLayerName].push({
+                        event: n + '.' + i + ':' + a[0],
+                        parameters: [].slice.call(arguments, 1),
+                      });
+                  });
+            })(i[c]);
+        })(window, 'ppms', ['tm', 'cm']);
+      })(window, document, 'dataLayer', 'f84f7808-9fe5-444d-884d-3f61a5d8b01e');
+    </script>
     <script
       async
       src="https://www.googletagmanager.com/gtag/js?id=G-D34FLYKNNR"
diff --git a/visualization/index.html b/visualization/index.html
index c506a77..b1c5767 100644
--- a/visualization/index.html
+++ b/visualization/index.html
@@ -233,6 +233,57 @@
   <div id="status" hidden></div>
   <div id="tooltip" hidden></div>
   <script src="visualization.js" type="module"></script>
+  <script type="text/javascript">
+    (function (window, document, dataLayerName, id) {
+      (window[dataLayerName] = window[dataLayerName] || []),
+        window[dataLayerName].push({
+          start: new Date().getTime(),
+          event: 'stg.start',
+        });
+      var scripts = document.getElementsByTagName('script')[0],
+        tags = document.createElement('script');
+      function stgCreateCookie(a, b, c) {
+        var d = '';
+        if (c) {
+          var e = new Date();
+          e.setTime(e.getTime() + 24 * c * 60 * 60 * 1e3),
+            (d = '; expires=' + e.toUTCString());
+          f = '; SameSite=Strict';
+        }
+        document.cookie = a + '=' + b + d + f + '; path=/';
+      }
+      var isStgDebug =
+        (window.location.href.match('stg_debug') ||
+          document.cookie.match('stg_debug')) &&
+        !window.location.href.match('stg_disable_debug');
+      stgCreateCookie('stg_debug', isStgDebug ? 1 : '', isStgDebug ? 14 : -1);
+      var qP = [];
+      dataLayerName !== 'dataLayer' &&
+        qP.push('data_layer_name=' + dataLayerName),
+        isStgDebug && qP.push('stg_debug');
+      var qPString = qP.length > 0 ? '?' + qP.join('&') : '';
+      (tags.async = !0),
+        (tags.src = 'https://ca.containers.piwik.pro/' + id + '.js' + qPString),
+        scripts.parentNode.insertBefore(tags, scripts);
+      !(function (a, n, i) {
+        a[n] = a[n] || {};
+        for (var c = 0; c < i.length; c++)
+          !(function (i) {
+            (a[n][i] = a[n][i] || {}),
+              (a[n][i].api =
+                a[n][i].api ||
+                function () {
+                  var a = [].slice.call(arguments, 0);
+                  'string' == typeof a[0] &&
+                    window[dataLayerName].push({
+                      event: n + '.' + i + ':' + a[0],
+                      parameters: [].slice.call(arguments, 1),
+                    });
+                });
+          })(i[c]);
+      })(window, 'ppms', ['tm', 'cm']);
+    })(window, document, 'dataLayer', 'f84f7808-9fe5-444d-884d-3f61a5d8b01e');
+  </script>
   <script
     async
     src="https://www.googletagmanager.com/gtag/js?id=G-D34FLYKNNR"