Add widget tracking using plausible

ilblackdragon · Dec 8, 2022 · 1b51693 · 1b51693
1 parent dc5beac
commit 1b51693
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -24,6 +24,7 @@
     <link rel="manifest" href="manifest.json" />
     <title>Near Social</title>
     <script defer data-domain="near.social" src="https://plausible.io/js/script.hash.js"></script>
+    <script>window.analytics = window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/pages/EditorPage.js b/src/pages/EditorPage.js
@@ -284,6 +284,11 @@ export default function EditorPage(props) {
       } else {
         loadFile(widgetSrc);
       }
+      analytics("edit", {
+        props: {
+          widget: widgetSrc,
+        },
+      });
       history.replace(`/edit/`);
     } else if (path === undefined) {
       if (files.length === 0) {

diff --git a/src/pages/EmbedPage.js b/src/pages/EmbedPage.js
@@ -20,6 +20,14 @@ export default function EmbedPage(props) {
     );
   }, [query]);
 
+  useEffect(() => {
+    analytics("embed", {
+      props: {
+        widget: src,
+      },
+    });
+  }, [src]);
+
   return (
     <div className="d-inline-block position-relative overflow-hidden">
       <Widget key={src} src={src} props={widgetProps} />{" "}

diff --git a/src/pages/ViewPage.js b/src/pages/ViewPage.js
@@ -29,6 +29,11 @@ export default function ViewPage(props) {
               view: src,
             }
       );
+      analytics("view", {
+        props: {
+          widget: src,
+        },
+      });
     }, 1);
   }, [src, query, setWidgetSrc]);