Merge pull request #82 from pacstall/develop

feat(client): add matomo analytics
pacstall · Apr 17, 2022 · e78e02c · e78e02c
2 parents 34d1d9c + ce8ce90
commit e78e02c
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/client/index.production.html b/client/index.production.html
@@ -23,6 +23,46 @@
         <link rel="apple-touch-icon" href="public/apple-touch-icon.png" />
         <meta name="next-head-count" content="20" />
         <link rel="stylesheet" href="public/styles/global.css" />
+        <script>
+            var _paq = (window._paq = window._paq || [])
+
+            _paq.push(['trackPageView'])
+            _paq.push(['enableLinkTracking'])
+            ;(function () {
+                var u = '//pacstall.dev/matomo/'
+                _paq.push(['setTrackerUrl', u + 'matomo.php'])
+                _paq.push(['setSiteId', '1'])
+                var d = document,
+                    g = d.createElement('script'),
+                    s = d.getElementsByTagName('script')[0]
+                g.async = true
+                g.src = u + 'matomo.js'
+                s.parentNode.insertBefore(g, s)
+            })()
+            ;(function () {
+                var url = window.location.href
+                setInterval(function () {
+                    if (url != window.location.href) {
+                        url = window.location.href
+
+                        // Track page view after 0.75s to catch the title change
+                        setTimeout(function () {
+                            _paq.push([
+                                'setCustomUrl',
+                                window.location.href.split(
+                                    'https://pacstall.dev',
+                                )[1],
+                            ])
+                            _paq.push([
+                                'setDocumentTitle',
+                                window.document.title,
+                            ])
+                            _paq.push(['trackPageView'])
+                        }, 750)
+                    }
+                }, 100)
+            })()
+        </script>
     </head>
 
     <body>