chore: add hotjar to plus page

dailydotdev · Mar 10, 2025 · 640ff8f · 640ff8f
1 parent a128428
commit 640ff8f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/packages/webapp/components/Pixels.tsx b/packages/webapp/components/Pixels.tsx
@@ -178,7 +178,13 @@ const GtagTracking = ({
 };
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const HotJarTracking = ({ hotjarId }: HotjarProps): ReactElement => {
+export const HotJarTracking = ({ hotjarId }: HotjarProps): ReactElement => {
+  const { cookieExists: acceptedMarketing } = useConsentCookie(
+    GdprConsentKey.Marketing,
+  );
+  if (!acceptedMarketing) {
+    return null;
+  }
   return (
     <Script strategy="afterInteractive" id="load-hotjar">
       {`
@@ -331,7 +337,7 @@ export const EXPERIENCE_TO_SENIORITY: Record<
   NOT_ENGINEER: 'not_engineer',
 };
 
-export const Pixels = ({ hotjarId }: Partial<HotjarProps>): ReactElement => {
+export const Pixels = (): ReactElement => {
   const { cookieExists: acceptedMarketing } = useConsentCookie(
     GdprConsentKey.Marketing,
   );
@@ -350,7 +356,6 @@ export const Pixels = ({ hotjarId }: Partial<HotjarProps>): ReactElement => {
 
   return (
     <>
-      {hotjarId && <HotJarTracking hotjarId={hotjarId} />}
       <FbTracking {...props} />
       <GtagTracking {...props} />
       {consent && (

diff --git a/packages/webapp/pages/plus/index.tsx b/packages/webapp/pages/plus/index.tsx
@@ -11,6 +11,7 @@ import type { CommonPlusPageProps } from '@dailydotdev/shared/src/components/plu
 import { getPlusLayout } from '../../components/layouts/PlusLayout/PlusLayout';
 import { getTemplatedTitle } from '../../components/layouts/utils';
 import { defaultOpenGraph } from '../../next-seo';
+import { HotJarTracking } from '../../components/Pixels';
 
 const PlusMobile = dynamic(() =>
   import(
@@ -46,6 +47,7 @@ const PlusPage = ({
 
   return (
     <GiftUserContext.Provider value={{ giftToUser }}>
+      <HotJarTracking hotjarId="5215055" />
       {isLaptop ? (
         <PlusDesktop shouldShowPlusHeader={shouldShowPlusHeader} />
       ) : (