Push a new is using AI dataLayer variable on the Search page to GTM

nulib · Jun 24, 2024 · 97addd0 · 97addd0
1 parent fefc1cd
commit 97addd0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/lib/ga/data-layer.ts b/lib/ga/data-layer.ts
@@ -4,6 +4,7 @@ interface DataLayer {
  adminset?: string;
  collections?: string | null;
  creatorsContributors?: Array<string> | string;
+ isUsingAI?: boolean;
  isLoggedIn?: boolean;
  pageTitle: string;
  rightsStatement?: string | null;
@@ -15,6 +16,7 @@ const defaultDataLayer = {
  adminset: "",
  collections: "",
  creatorsContributors: "",
+ isUsingAI: false,
  isLoggedIn: false,
  pageTitle: "",
  rightsStatement: "",

diff --git a/pages/search.tsx b/pages/search.tsx
@@ -1,5 +1,6 @@
 import * as Tabs from "@radix-ui/react-tabs";
 
+import { GetServerSideProps, NextPage } from "next";
 import {
  NoResultsMessage,
  ResultsMessage,
@@ -21,7 +22,6 @@ import Heading from "@/components/Heading/Heading";
 import Icon from "@/components/Shared/Icon";
 import { IconSparkles } from "@/components/Shared/SVG/Icons";
 import Layout from "@/components/layout";
-import { NextPage } from "next";
 import { PRODUCTION_URL } from "@/lib/constants/endpoints";
 import PaginationAltCounts from "@/components/Search/PaginationAltCounts";
 import SearchOptions from "@/components/Search/Options";
@@ -280,8 +280,12 @@ const SearchPage: NextPage = () => {
  );
 };
 
-export async function getStaticProps() {
+export const getServerSideProps: GetServerSideProps = async (context) => {
+ const { query } = context;
+ const isUsingAI = query?.ai === "true";
+
  const dataLayer = buildDataLayer({
+ isUsingAI,
  pageTitle: "Search page",
  });
 
@@ -293,6 +297,6 @@ export async function getStaticProps() {
  return {
  props: { dataLayer, openGraphData },
  };
-}
+};
 
 export default SearchPage;