Merge pull request #876 from aluzzardi/docs-feedback

docs: collect feedback form

website/docusaurus.config.js

@@ -30,6 +30,9 @@ module.exports = {
       apiKey: "b2324f1ac8932ab80916382521473115",
       indexName: "daggosaurus",
     },
+    hotjar: {
+      siteId: "2541514",
+    },
     colorMode: {
       // "light" | "dark"
       defaultMode: "light",
@@ -40,7 +43,7 @@ module.exports = {
       },
     },
     gtag: {
-      trackingID: 'G-RDXG80F635',
+      trackingID: "G-RDXG80F635",
       anonymizeIP: true,
     },
   },
@@ -63,10 +66,12 @@ module.exports = {
   plugins: [
     "docusaurus-plugin-sass",
     [
-      "docusaurus2-dotenv", {
+      "docusaurus2-dotenv",
+      {
         systemvars: true,
         expand: true,
       },
-    ]
+    ],
+    path.resolve(__dirname, "plugins/docusaurus-plugin-hotjar"),
   ],
 };

website/plugins/docusaurus-plugin-hotjar/index.js

@@ -0,0 +1,46 @@
+const path = require("path");
+
+module.exports = function (context) {
+  const { siteConfig } = context;
+  const { themeConfig } = siteConfig;
+  const { hotjar } = themeConfig || {};
+
+  if (!hotjar) {
+    throw new Error(
+      `Create a 'hotjar' object containing a 'siteId' property in 'themeConfig'.`
+    );
+  }
+
+  const { siteId } = hotjar;
+
+  if (!siteId) {
+    throw new Error(
+      "Error in `themeConfig`. `hotjar` object found but `siteId` prop is missing."
+    );
+  }
+
+  return {
+    name: "docusaurus-plugin-hotjar",
+
+    injectHtmlTags() {
+      return {
+        headTags: [
+          {
+            tagName: "script",
+            innerHTML: `
+            <!-- Hotjar Tracking Code -->
+            (function(h,o,t,j,a,r){
+                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
+                h._hjSettings={hjid:${siteId},hjsv:6};
+                a=o.getElementsByTagName('head')[0];
+                r=o.createElement('script');r.async=1;
+                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
+                a.appendChild(r);
+            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
+            `,
+          },
+        ],
+      };
+    },
+  };
+};

website/src/theme/DocPage/index.js

@@ -170,6 +170,10 @@ function DocPage(props) {
           apiEndpoint: `${window.location.hostname}/t`
         });
         amplitude.getInstance().logEvent('Docs Viewed', { "hostname": window.location.hostname, "path": location.pathname });
+
+        if (window?.hj) {
+          window.hj("identify", userAccessStatus?.login.toLowerCase(), {});
+        }
       }
     })
   }, [location.pathname, userAccessStatus])