diff --git a/lib/ga/data-layer.ts b/lib/ga/data-layer.ts index c738155a..81826c09 100644 --- 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; + 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 index c6b6fd98..7140aff6 100644 --- 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;