Merge pull request #295 from nulib/4165-collection-gtm

Debug GTM VirtualPageView events, add `collections` data to `/collections/*` routes.
nulib · Sep 13, 2023 · d7f3ee9 · d7f3ee9
2 parents a2a5eca + be29625
commit d7f3ee9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -7,6 +7,7 @@ import {
   camptonExtraBold,
   camptonExtraLight,
 } from "@/styles/fonts";
+
 import type { AppProps } from "next/app";
 import Head from "next/head";
 import { ObjectLiteral } from "@/types";
@@ -44,19 +45,27 @@ function MyApp({ Component, pageProps }: MyAppProps) {
     getData();
   }, []);
 
-  {
-    /** Add GTM (Google Tag Manager) data */
-  }
   React.useEffect(() => {
     if (typeof window !== "undefined" && mounted) {
-      const payload = {
-        event: "VirtualPageView",
-        // @ts-ignore
-        ...pageProps.dataLayer,
-        isLoggedIn: user?.isLoggedIn,
-      };
+      const { dataLayer } = pageProps;
+
       // @ts-ignore
-      window.dataLayer?.push(payload);
+      if (dataLayer?.pageTitle) {
+        const payload = {
+          ...pageProps.dataLayer,
+          isLoggedIn: user?.isLoggedIn,
+        };
+
+        // send pageProps to dataLayer
+        // @ts-ignore
+        window.dataLayer?.push(payload);
+
+        // send VirtualPageView event to dataLayer
+        // @ts-ignore
+        window.dataLayer?.push({
+          event: "VirtualPageView",
+        });
+      }
     }
   }, [mounted, pageProps, user]);
 

diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
@@ -211,7 +211,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   /** Add values to GTM's dataLayer object */
   const dataLayer = buildDataLayer({
     adminset: "",
-    collections: "",
+    collections: collection?.title,
     creatorsContributors: "",
     isLoggedIn: false,
     pageTitle: (collection?.title as string) || "",