diff --git a/src/components/Matomo.jsx b/src/components/Matomo.jsx
new file mode 100644
index 00000000..40fdb0f1
--- /dev/null
+++ b/src/components/Matomo.jsx
@@ -0,0 +1,14 @@
+import Script from "next/script";
+
+export function MatomoTagManager() {
+  return (
+    <Script id="matomo-tag-manager" strategy="afterInteractive">
+      {`var _mtm = window._mtm = window._mtm || [];
+_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
+(function() {
+  var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+  g.async=true; g.src='https://cdn.matomo.cloud/netbird.matomo.cloud/container_hvVzPZGH.js'; s.parentNode.insertBefore(g,s);
+})();`}
+    </Script>
+  );
+}
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 8f0e3528..12e8c042 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -14,6 +14,7 @@ import 'react-toastify/dist/ReactToastify.css';
 import {dom} from "@fortawesome/fontawesome-svg-core";
 import {AnnouncementBannerProvider} from "@/components/announcement-banner/AnnouncementBannerProvider";
 import {ImageZoom} from "@/components/ImageZoom";
+import {MatomoTagManager} from "@/components/Matomo";
 
 function onRouteChange() {
   useMobileNavigationStore.getState().close()
@@ -27,6 +28,7 @@ export default function App({ Component, pageProps }) {
     let tableOfContents = collectHeadings(pageProps.sections)
   return (
     <>
+      <MatomoTagManager />
       <Head>
         <style>{dom.css()}</style>
         {router.route.startsWith('/ipa') ?
