fix: render CookieYes script as raw tag in <head> for crawler detection

kevinkiklee · kevinkiklee · commit 6b6a470afd14 · 2026-04-04T18:03:04.000-04:00
Next.js Script with beforeInteractive renders through RSC payload,
not as a literal &lt;script&gt; tag. CookieYes verification requires
the tag to be visible in raw HTML source.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -43,7 +43,22 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 
   return (
     <html lang="en" suppressHydrationWarning>
-      <head />
+      <head>
+        {process.env.NEXT_PUBLIC_COOKIEYES_ID && process.env.NEXT_PUBLIC_ADSENSE_CLIENT && (
+          <>
+            <script
+              dangerouslySetInnerHTML={{
+                __html: `window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied',wait_for_update:500});gtag('set','ads_data_redaction',true);`,
+              }}
+            />
+            <script
+              id="cookieyes"
+              type="text/javascript"
+              src={`https://cdn-cookieyes.com/client_data/${process.env.NEXT_PUBLIC_COOKIEYES_ID}/script.js`}
+            />
+          </>
+        )}
+      </head>
       <body style={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>
         <AdScripts />
         <script
diff --git a/src/components/shared/AdScripts.tsx b/src/components/shared/AdScripts.tsx
@@ -1,36 +1,16 @@
 import Script from 'next/script'
-import { getAdsenseClient, getCookieyesId, isAdsEnabled } from '@/lib/ads'
+import { getAdsenseClient } from '@/lib/ads'
 
 export function AdScripts() {
   const client = getAdsenseClient()
-  const cookieyesId = getCookieyesId()
-  const consentEnabled = isAdsEnabled()
 
-  // AdSense script loads when publisher ID is set (needed for verification + serving)
   if (!client) return null
 
   return (
-    <>
-      {/* Consent Mode + CookieYes only load when both env vars are set */}
-      {consentEnabled && (
-        <>
-          <Script id="consent-mode-defaults" strategy="beforeInteractive">
-            {`window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied',wait_for_update:500});gtag('set','ads_data_redaction',true);`}
-          </Script>
-          <Script
-            id="cookieyes"
-            src={`https://cdn-cookieyes.com/client_data/${cookieyesId}/script.js`}
-            strategy="beforeInteractive"
-          />
-        </>
-      )}
-
-      {/* Google AdSense — loads when publisher ID is set */}
-      <Script
-        src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${client}`}
-        strategy="afterInteractive"
-        crossOrigin="anonymous"
-      />
-    </>
+    <Script
+      src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${client}`}
+      strategy="afterInteractive"
+      crossOrigin="anonymous"
+    />
   )
 }
