feat: pirsch analytics events

aufacicenta · Jun 14, 2024 · 6afa1b7 · 6afa1b7
1 parent e1e5c5a
commit 6afa1b7
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 2 deletions.
diff --git a/app/src/layouts/home-layout/HomeLayout.tsx b/app/src/layouts/home-layout/HomeLayout.tsx
@@ -21,7 +21,20 @@ export const HomeLayout: React.FC<ChatLayoutProps> = ({ children }) => {
   return (
     <>
       {process.env.NEXT_PUBLIC_VERCEL_ENV === "production" && (
-        <Script defer src="https://api.pirsch.io/pa.js" id="pianjs" data-code="X8onK5mQgqhkgQzuKWUBs08SnTqpig5x" />
+        <Script
+          defer
+          src="https://api.pirsch.io/pa.js"
+          id="pianjs"
+          data-code={process.env.NEXT_PUBLIC_PIRSCH_ANALYTICS_PID}
+        />
+      )}
+      {process.env.NEXT_PUBLIC_VERCEL_ENV === "development" && (
+        <Script
+          defer
+          src="https://api.pirsch.io/pa.js"
+          id="pianjs"
+          data-code={process.env.NEXT_PUBLIC_PIRSCH_ANALYTICS_PID}
+        />
       )}
       <Head>
         <meta property="og:locale" content={locale} />

diff --git a/app/src/providers/analytics/events.ts b/app/src/providers/analytics/events.ts
@@ -0,0 +1,7 @@
+import { ItemMetadata } from "ui/svpervnder/collections/larskristo_hellheads/LarsKristoHellheads.types";
+
+export const EventTracking = {
+  homepage: {
+    collection_item: (item: ItemMetadata) => `homepage.collection_item: ${item.name}:${item.id}`,
+  },
+};
diff --git a/app/src/providers/analytics/index.ts b/app/src/providers/analytics/index.ts
@@ -0,0 +1,5 @@
+import { EventTracking } from "./events";
+
+export default {
+  EventTracking,
+};
diff --git a/app/src/ui/svpervnder/collections/larskristo_hellheads/grid-item/GridItem.tsx b/app/src/ui/svpervnder/collections/larskristo_hellheads/grid-item/GridItem.tsx
@@ -1,9 +1,11 @@
+/* eslint-disable react/no-unknown-property */
 import clsx from "clsx";
 
 import { Grid } from "ui/grid/Grid";
 import { Card } from "ui/card/Card";
 import { Typography } from "ui/typography/Typography";
 import { Icon } from "ui/icon/Icon";
+import analytics from "providers/analytics";
 
 import styles from "./GridItem.module.scss";
 import { GridItemProps } from "./GridItem.types";
@@ -23,7 +25,7 @@ export const GridItem: React.FC<GridItemProps> = ({ item, handleExpand, classNam
         </div>
         <div className={styles["grid-item__price-row"]}>
           <div />
-          <div>
+          <div pirsch-event={analytics.EventTracking.homepage.collection_item(item)}>
             <Icon name="icon-expand" className={styles["grid-item__expand"]} />
           </div>
         </div>