feat: track robot selection and upload events in matomo (#10)

leaphy-robotics · May 3, 2024 · b5cc0ad · b5cc0ad
1 parent fc70fb3
commit b5cc0ad
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 2 deletions.
diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
@@ -14,7 +14,6 @@ jobs:
         with:
           node-version: "20.x"
           registry-url: "https://registry.npmjs.org"
-          cache: yarn
       - name: Install node modules
         run: yarn --frozen-lockfile --prefer-offline
       - name: Run Biome

diff --git a/src/lib/components/core/header/Header.svelte b/src/lib/components/core/header/Header.svelte
@@ -53,6 +53,7 @@ import Uploader from "../popups/popups/Uploader.svelte";
 import Warning from "../popups/popups/Warning.svelte";
 
 async function upload() {
+	window._paq.push(["trackEvent", "Main", "UploadClicked"]);
 	popups.open({
 		component: Uploader,
 		data: {

diff --git a/src/lib/components/start/RobotSelector.svelte b/src/lib/components/start/RobotSelector.svelte
@@ -10,6 +10,8 @@ interface Props {
 const { robots, secondary }: Props = $props();
 
 function select(type: Robot) {
+	window._paq.push(["trackEvent", "SelectRobot", type.name]);
+
 	if ("variants" in type) return selected.set(type);
 	if ("mode" in type) {
 		code.set(type.defaultProgram);

diff --git a/src/lib/matomo.ts b/src/lib/matomo.ts
@@ -5,10 +5,11 @@ declare global {
 }
 
 function initMatomo() {
+	// Always create the _paq array so dev code works
+	const _paq = (window._paq = window._paq || []);
 	// Only track prod builds
 	if (!import.meta.env.PROD) return;
 
-	const _paq = (window._paq = window._paq || []);
 	const u = import.meta.env.VITE_MATOMO_URL;
 	_paq.push(["trackPageView"]);
 	_paq.push(["enableLinkTracking"]);