fix(ssr): Keep page view events to server-side analytics APIs

Altough not documented, from external references page view events seems to work as expected
ecomplus · Apr 26, 2024 · 97ba9db · 97ba9db
1 parent 5b7934a
commit 97ba9db
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 29 deletions.
diff --git a/packages/ssr/src/lib/analytics/send-to-ga4.ts b/packages/ssr/src/lib/analytics/send-to-ga4.ts
@@ -31,22 +31,24 @@ const sendToGa4 = async (
       events: [] as AnalyticsEvent[],
     };
     for (let i = 0; i < events.length; i++) {
-      const event = events[i];
-      if (event.name === 'page_view') {
-        event.name = 'campaign_details';
-        event.params = {
-          source: utm.source,
-          medium: utm.medium,
-          campaign: utm.campaign,
-          term: utm.term,
-          content: utm.content,
-          session_id: sessionId,
-        };
-      } else if (event.params) {
-        Object.assign(event.params, { session_id: sessionId });
-      }
+      const { name, params } = events[i];
+      const event = { name, params: { ...params } };
+      event.params.session_id = sessionId;
       data.events.push(event);
-      if (data.events.length === 25 || i === events.length - 1) {
+      if (name === 'page_view') {
+        data.events.push({
+          name: 'campaign_details',
+          params: {
+            source: utm.source,
+            medium: utm.medium,
+            campaign: utm.campaign,
+            term: utm.term,
+            content: utm.content,
+            session_id: sessionId,
+          },
+        });
+      }
+      if (data.events.length === 24 || i === events.length - 1) {
         // eslint-disable-next-line no-await-in-loop
         await ga4Axios.post(endpoint, data);
         data.events = [];

diff --git a/packages/ssr/src/lib/analytics/send-to-meta.ts b/packages/ssr/src/lib/analytics/send-to-meta.ts
@@ -22,23 +22,20 @@ const sendToMeta = async (
     let data: Array<Record<string, any>> = [];
     for (let i = 0; i < events.length; i++) {
       const event = events[i];
-      if (event.name === 'PageView') {
-        event.name = 'Lead';
-        if (pageTitle) {
-          event.params = {
-            content_name: pageTitle,
-          };
-        }
-      }
       data.push({
         event_name: event.name,
         event_time: Date.now(),
         event_source_url: pageLocation,
         action_source: 'website',
         user_data: userData,
-        custom_data: event.params,
+        custom_data: event.name === 'PageView'
+          ? {
+            content_name: pageTitle || '',
+            ...event.params,
+          }
+          : event.params,
       });
-      if (data.length === 999 || i === events.length - 1) {
+      if (data.length === 99 || i === events.length - 1) {
         // eslint-disable-next-line no-await-in-loop
         await metaAxios.post(endpoint, { data });
         data = [];

diff --git a/packages/ssr/src/lib/analytics/send-to-tiktok.ts b/packages/ssr/src/lib/analytics/send-to-tiktok.ts
@@ -21,9 +21,6 @@ const sendToTiktok = async (
     let data: Array<Record<string, any>> = [];
     for (let i = 0; i < events.length; i++) {
       const event = events[i];
-      if (event.name === 'PageView') {
-        event.name = 'Contact';
-      }
       data.push({
         event: event.name,
         event_time: Date.now(),
@@ -33,7 +30,7 @@ const sendToTiktok = async (
         },
         properties: event.params,
       });
-      if (data.length === 999 || i === events.length - 1) {
+      if (data.length === 99 || i === events.length - 1) {
         // eslint-disable-next-line no-await-in-loop
         await ttkAxios.post('/', {
           event_source: 'web',