fix: track pageleave event with posthov

haqq-network · Aug 23, 2024 · baa3bfc · baa3bfc
1 parent 583c99e
commit baa3bfc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 35 deletions.
diff --git a/src/components/ui/identify-wallet-users.tsx b/src/components/ui/identify-wallet-users.tsx
@@ -19,13 +19,10 @@ export function IdentifyWalletUsers() {
       const isHaqqWallet = Boolean(window.ethereum?.isHaqqWallet);
 
       if (isHaqqWallet) {
-        const distinctId =
-          window.__HAQQWALLET__?.POSTHOG_DISTINCT_ID ??
-          posthog.get_distinct_id();
+        const walletDistinctId = window.__HAQQWALLET__?.POSTHOG_DISTINCT_ID;
+        console.log('IdentifyWalletUsers', { walletDistinctId });
 
-        console.log('IdentifyWalletUsers', { distinctId });
-
-        posthog.identify(distinctId);
+        posthog.identify(walletDistinctId ?? posthog.get_distinct_id());
       }
     }
   }, [posthog]);

diff --git a/src/components/ui/posthog-page-view.tsx b/src/components/ui/posthog-page-view.tsx
@@ -9,37 +9,21 @@ export function PostHogPageView() {
   const posthog = usePostHog();
 
   useEffect(() => {
-    const trackPageView = () => {
-      if (pathname && posthog) {
-        let url = window.origin + pathname;
-        if (searchParams.toString()) {
-          url += `?${searchParams.toString()}`;
-        }
-        posthog.capture('$pageview', {
-          $current_url: url,
-          $set: {
-            $browser_language: window.navigator.language,
-          },
-        });
-      }
-    };
-
-    const trackPageLeave = () => {
-      if (posthog) {
-        posthog.capture('$pageleave', {});
-      }
-    };
-
     // Track pageviews
-    trackPageView();
+    if (pathname && posthog) {
+      let url = window.origin + pathname;
 
-    // Add event listener to track page leave
-    window.addEventListener('beforeunload', trackPageLeave);
+      if (searchParams.toString()) {
+        url = url + `?${searchParams.toString()}`;
+      }
 
-    // Cleanup the event listener when the component unmounts
-    return () => {
-      window.removeEventListener('beforeunload', trackPageLeave);
-    };
+      posthog.capture('$pageview', {
+        $current_url: url,
+        $set: {
+          $browser_language: window.navigator.language,
+        },
+      });
+    }
   }, [pathname, searchParams, posthog]);
 
   return null;

diff --git a/src/providers/posthog.tsx b/src/providers/posthog.tsx
@@ -2,7 +2,7 @@
 import { PropsWithChildren, useMemo } from 'react';
 import posthog from 'posthog-js';
 import { PostHogProvider } from 'posthog-js/react';
-import { env } from '@/env/client';
+import { env } from '../env/client';
 
 export function PHProvider({ children }: PropsWithChildren) {
   const postHogInstance = useMemo(() => {
@@ -13,10 +13,13 @@ export function PHProvider({ children }: PropsWithChildren) {
     ) {
       return undefined;
     }
+
     const phInstance = posthog.init(env.NEXT_PUBLIC_POSTHOG_KEY, {
       api_host: '/api/ingest',
       ui_host: env.NEXT_PUBLIC_POSTHOG_HOST,
       capture_pageview: false,
+      capture_pageleave: true,
+      persistence: 'localStorage+cookie',
     });
 
     if (!phInstance) {