feat: add push property to Matomo tracking to allow passing of any tr…

…ackable thingy to matomo
hashbite · Sep 19, 2024 · 3edd595 · 3edd595
1 parent 6541f0d
commit 3edd595
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/.changeset/few-donkeys-admire.md b/.changeset/few-donkeys-admire.md
@@ -0,0 +1,5 @@
+---
+"@consent-manager/integration-matomo": minor
+---
+
+Enable JS error tracking in Matomo by default. Also adds a feature that lets devs enable any Matomo feature via Consent Manager"
diff --git a/packages/integration-matomo/src/index.tsx b/packages/integration-matomo/src/index.tsx
@@ -27,6 +27,7 @@ interface MatomoTrackerConfig extends IntegrationConfigOptions {
   enableLinkTracking?: boolean
   enableHeartBeatTimer?: boolean
   enableJSErrorTracking?: boolean
+  push?: string[][]
 }
 
 let wasInitialized = false
@@ -42,6 +43,7 @@ interface TrackPageViewSPA {
   enableLinkTracking?: boolean
   enableHeartBeatTimer?: boolean
   enableJSErrorTracking?: boolean
+  push?: string[][]
 }
 
 const trackPageViewSPA = ({
@@ -50,6 +52,7 @@ const trackPageViewSPA = ({
   enableLinkTracking = true,
   enableHeartBeatTimer = true,
   enableJSErrorTracking = true,
+  push = [],
 }: TrackPageViewSPA): TrackedPageData | null => {
   const paq = window._paq
   if (!paq) {
@@ -72,6 +75,12 @@ const trackPageViewSPA = ({
 
   paq.push(['trackAllContentImpressions'])
 
+  if (push.length) {
+    for (const pushValue of push) {
+      paq.push(pushValue)
+    }
+  }
+
   return { url, title }
 }
 
@@ -97,6 +106,7 @@ export const useMatomoTracker = ({
   enableLinkTracking = true,
   enableHeartBeatTimer = true,
   enableJSErrorTracking = true,
+  push = [],
 }: MatomoTrackerConfig): Tracker => {
   const [isEnabled] = useDecision('matomo')
 
@@ -110,6 +120,12 @@ export const useMatomoTracker = ({
     _paq.push(['setTrackerUrl', `${matomoURL}matomo.php`])
     _paq.push(['setSiteId', siteID])
 
+    if (push.length) {
+      for (const pushValue of push) {
+        _paq.push(pushValue)
+      }
+    }
+
     const script = document.createElement('script')
 
     script.src = `${matomoURL}matomo.js`