feat: Matomo setup (dx-site) (#3663)

* Matomo Setup * fix matomo setup * Use Matomo plugin * no longer needed manual preconnect link * try add node 18 support pin Node patch version remove env from GHA worflow add env to all packages add webpack flags * Revert "try add node 18 support" This reverts commit 46abe79. * Revert "no longer needed manual preconnect link" This reverts commit 87db042. * Revert "Use Matomo plugin" This reverts commit 555b76f.
DevExpress · Oct 20, 2023 · d25e329 · d25e329
1 parent db3373d
commit d25e329
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 16 deletions.
diff --git a/packages/dx-site/gatsby-config.js b/packages/dx-site/gatsby-config.js
@@ -114,11 +114,5 @@ module.exports = {
     'gatsby-plugin-react-helmet',
     'gatsby-plugin-catch-links',
     'gatsby-plugin-sass',
-    {
-      resolve: 'gatsby-plugin-google-analytics',
-      options: {
-        trackingId: 'UA-1384678-22',
-      },
-    },
   ],
 };
diff --git a/packages/dx-site/package.json b/packages/dx-site/package.json
@@ -33,7 +33,6 @@
     "gatsby-cli": "^2.9.0",
     "gatsby-link": "^2.2.29",
     "gatsby-plugin-catch-links": "^2.1.26",
-    "gatsby-plugin-google-analytics": "^2.1.36",
     "gatsby-plugin-react-helmet": "^3.1.22",
     "gatsby-plugin-react-svg": "^3.0.0",
     "gatsby-plugin-sass": "^2.1.29",

diff --git a/packages/dx-site/src/components/layouts/layout.jsx b/packages/dx-site/src/components/layouts/layout.jsx
@@ -30,7 +30,16 @@ const Layout = ({ children }) => (
           titleTemplate={`%s | ${data.site.siteMetadata.title}`}
           defaultTitle={data.site.siteMetadata.title}
           link={faviconLink}
-        />
+        >
+          <script>
+            {`
+              var _mtm = window._mtm = window._mtm || [];
+              _mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' });
+              var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
+              g.async = true; g.src = 'https://matomo.devexpress.com/js/container_foTT0fJ8.js'; g.setAttributeNode(d.createAttribute('data-ot-ignore')); s.parentNode.insertBefore(g, s);
+            `}
+          </script>
+        </Helmet>
         {children}
         <Footer />
         <Cookie />

diff --git a/packages/dx-site/src/html.jsx b/packages/dx-site/src/html.jsx
@@ -32,6 +32,8 @@ export default class extends React.Component {
           <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel="stylesheet" />
           <link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.0/codemirror.min.css" type="text/css" rel="stylesheet" />
           <link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.0/addon/fold/foldgutter.min.css" type="text/css" rel="stylesheet" />
+          <link rel="preconnect" href="https://matomo.devexpress.com" />
+          <link rel="dns-prefetch" href="https://matomo.devexpress.com" />
           <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js" />
         </head>
         <body>

diff --git a/yarn.lock b/yarn.lock
@@ -11183,14 +11183,6 @@ gatsby-plugin-catch-links@^2.1.26:
     "@babel/runtime" "^7.12.5"
     escape-string-regexp "^1.0.5"
 
-gatsby-plugin-google-analytics@^2.1.36:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-google-analytics/-/gatsby-plugin-google-analytics-2.11.0.tgz#8d74bd3c100706f03bbccf7b130a758fce9994ad"
-  integrity sha512-aVFmzoozd0ifn5HJJY0W8R7DHkyTEvj/ueRyJJNlQMadQagIAYq+7efKon4gJzd4NZkLcoDb6moiAR066FwIIg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    minimatch "3.0.4"
-
 gatsby-plugin-page-creator@^2.10.2:
   version "2.10.2"
   resolved "https://registry.yarnpkg.com/gatsby-plugin-page-creator/-/gatsby-plugin-page-creator-2.10.2.tgz#808046b292e844447c6539df759b23739ad30c6e"