Merge pull request #305 from liam-hq/feat/custom-log

📈 : add GTM utility functions and types for click logging

frontend/.changeset/ninety-stingrays-unite.md

@@ -0,0 +1,6 @@
+---
+"@liam-hq/erd-core": patch
+"@liam-hq/cli": patch
+---
+
+📈 : add click logging for CopyLinkButton

frontend/packages/erd-core/src/components/ERDRenderer/AppBar/CopyLinkButton/CopyLinkButton.tsx

@@ -1,3 +1,4 @@
+import { clickLogEvent } from '@/features/gtm/utils'
 import {
   Button,
   TooltipContent,
@@ -27,6 +28,10 @@ export const CopyLinkButton: FC = () => {
           status: 'error',
         })
       })
+
+    clickLogEvent({
+      element: 'copyLinkButton',
+    })
   }, [toast])
 
   return (

frontend/packages/erd-core/src/features/gtm/utils/clickLogEvent.ts

@@ -0,0 +1,12 @@
+import { pushToDataLayer } from './pushToDataLayer'
+
+type ClickLogEvent = {
+  element: string
+}
+
+export const clickLogEvent = ({ element }: ClickLogEvent) => {
+  pushToDataLayer({
+    event: 'click',
+    element,
+  })
+}

frontend/packages/erd-core/src/features/gtm/utils/index.ts

@@ -0,0 +1 @@
+export * from './clickLogEvent'

frontend/packages/erd-core/src/features/gtm/utils/pushToDataLayer.ts

@@ -0,0 +1,10 @@
+type WindowWithDataLayer = Window & {
+  dataLayer: Record<string, unknown>[]
+}
+
+declare const window: WindowWithDataLayer
+
+export const pushToDataLayer = (obj: Record<string, unknown>) => {
+  window.dataLayer = window.dataLayer || []
+  window.dataLayer.push(obj)
+}