Merge pull request #111 from petridishdev/analytics

Adds snowplow browser tracker
bcgov · Dec 30, 2021 · 281f127 · 281f127
2 parents 292696a + 887374a
commit 281f127
Show file tree

Hide file tree

Showing 4 changed files with 154 additions and 31 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/i18n/**/*.json\""
   },
   "dependencies": {
+    "@snowplow/browser-tracker": "^3.1.6",
     "axios": "^0.21.4",
     "core-js": "^3.17.2",
     "lodash-es": "^4.17.21",

diff --git a/public/index.html b/public/index.html
@@ -7,34 +7,6 @@
     <meta name="description" content="A public directory of organizations registered in BC">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <script type="text/javascript">
-      // <!-- Snowplow starts plowing - Standalone vE.2.14.0 -->
-      ; (function (p, l, o, w, i, n, g) {
-        if (!p[i]) {
-          p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || [];
-          p.GlobalSnowplowNamespace.push(i); p[i] = function () {
-            (p[i].q = p[i].q || []).push(arguments)
-          }; p[i].q = p[i].q || []; n = l.createElement(o); g = l.getElementsByTagName(o)[0]; n.async = 1;
-          n.src = w; g.parentNode.insertBefore(n, g)
-        }
-      }(window, document, "script", "https://www2.gov.bc.ca/StaticWebResources/static/sp/sp-2-14-0.js", "snowplow"));
-      var collector = 'spt.apps.gov.bc.ca';
-      window.snowplow('newTracker', 'rt', collector, {
-        appId: "Snowplow_standalone",
-        cookieLifetime: 86400 * 548,
-        platform: 'web',
-        post: true,
-        forceSecureTracker: true,
-        contexts: {
-          webPage: true,
-          performanceTiming: true
-        }
-      });
-      window.snowplow('enableActivityTracking', 30, 30); // Ping every 30 seconds after 30 seconds
-      window.snowplow('enableLinkClickTracking');
-      window.snowplow('trackPageView');
-      // <!-- Snowplow stops plowing -->
-    </script>
   </head>
   <body>
     <noscript>

diff --git a/src/main.ts b/src/main.ts
@@ -9,6 +9,7 @@ import { dateFilter } from "@/filters/date.filter";
 import { claimFormat } from "@/filters/claim.filter";
 import docs from "@/assets/docs.json";
 import { defaultDoc, processDocRoute } from "./utils/doc";
+import { newTracker, trackPageView } from "@snowplow/browser-tracker";
 
 Vue.config.productionTip = false;
 Vue.filter("formatDate", dateFilter);
@@ -30,6 +31,13 @@ async function init() {
     },
     render: (h) => h(App),
   }).$mount("#app");
+
+  // Snowplow tracking
+  newTracker("OrgBookClient", "spt.apps.gov.bc.ca", {
+    appId: "#app",
+    plugins: [],
+  });
+  trackPageView();
 }
 
 init();