chore: update telemetry (#4151)

* chore: update telemetry

* chore: fix tag

docs/docusaurus.config.js

@@ -28,10 +28,20 @@ const config = {
     locales: ["en"],
   },
 
-  scripts: [
+  headTags: [
     {
-      async: true,
-      src: "https://www.googletagmanager.com/gtag/js?id=G-XL9GNV1KHW",
+      tagName: "script",
+      attributes: {
+        type: "text/javascript",
+      },
+      innerHTML: `
+        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/aibignite.matomo.cloud/container_py6JfPnv.js'; s.parentNode.insertBefore(g,s);
+        })();
+      `,
     },
   ],
 
@@ -64,8 +74,7 @@ const config = {
     ({
       image: "img/og-image.jpg",
       announcementBar: {
-        content:
-          '<a target="_blank" rel="noopener noreferrer" href="https://ignite.com">← Back to Ignite</a>',
+        content: '<a target="_blank" rel="noopener noreferrer" href="https://ignite.com">← Back to Ignite</a>',
         isCloseable: false,
       },
       docs: {
@@ -267,6 +276,13 @@ const config = {
         },
       },
     ],
+    [
+      "@docusaurus/plugin-google-gtag",
+      {
+        trackingID: "G-XL9GNV1KHW",
+        anonymizeIP: true,
+      },
+    ],
     async function myPlugin(context, options) {
       return {
         name: "docusaurus-tailwindcss",

docs/package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@docusaurus/core": "2.4.0",
     "@docusaurus/plugin-client-redirects": "2.4.0",
+    "@docusaurus/plugin-google-gtag": "2.4.0",
     "@docusaurus/preset-classic": "2.4.0",
     "@mdx-js/react": "^1.6.22",
     "autoprefixer": "^10.4.14",