fix: resolve gtag is not defined error by moving initialization to inline script

Author: roomote

apps/web-roo-code/src/components/providers/google-analytics-provider.tsx

@@ -13,35 +13,29 @@ const GADS_ID = "AW-17391954825"
  */
 export function GoogleAnalyticsProvider({ children }: { children: React.ReactNode }) {
 	useEffect(() => {
-		// Initialize dataLayer and gtag immediately for consent mode
-		if (typeof window !== "undefined") {
-			window.dataLayer = window.dataLayer || []
-			window.gtag = function (...args: unknown[]) {
-				window.dataLayer.push(args)
-			}
-
-			// Set default consent state for Consent Mode v2
-			// This must be called before any Google tags load
-			window.gtag("consent", "default", {
-				ad_storage: "denied",
-				ad_user_data: "denied",
-				ad_personalization: "denied",
-				analytics_storage: "denied",
-				functionality_storage: "denied",
-				personalization_storage: "denied",
-				security_storage: "granted", // Always granted for security
-				wait_for_update: 2000, // Wait up to 2 seconds for consent update
-				// Enable cookieless pings for conversion measurement
-				url_passthrough: true, // Pass click information via URL parameters
-				ads_data_redaction: true, // Redact ads data when consent is denied
-			})
+		const updateConsentState = (consented: boolean) => {
+			if (typeof window !== "undefined" && window.gtag) {
+				// Update consent state based on user choice
+				window.gtag("consent", "update", {
+					ad_storage: consented ? "granted" : "denied",
+					ad_user_data: consented ? "granted" : "denied",
+					ad_personalization: consented ? "granted" : "denied",
+					analytics_storage: consented ? "granted" : "denied",
+					functionality_storage: consented ? "granted" : "denied",
+					personalization_storage: consented ? "granted" : "denied",
+				})
 
-			// Check initial consent status and update if already consented
-			if (hasConsent()) {
-				updateConsentState(true)
+				if (process.env.NODE_ENV === "development") {
+					console.log(`Google Consent Mode updated: ${consented ? "granted" : "denied"}`)
+				}
 			}
 		}
 
+		// Check initial consent status and update if already consented
+		if (hasConsent()) {
+			updateConsentState(true)
+		}
+
 		// Listen for consent changes
 		const unsubscribe = onConsentChange((consented) => {
 			updateConsentState(consented)
@@ -50,24 +44,6 @@ export function GoogleAnalyticsProvider({ children }: { children: React.ReactNod
 		return unsubscribe
 	}, [])
 
-	const updateConsentState = (consented: boolean) => {
-		if (typeof window !== "undefined" && window.gtag) {
-			// Update consent state based on user choice
-			window.gtag("consent", "update", {
-				ad_storage: consented ? "granted" : "denied",
-				ad_user_data: consented ? "granted" : "denied",
-				ad_personalization: consented ? "granted" : "denied",
-				analytics_storage: consented ? "granted" : "denied",
-				functionality_storage: consented ? "granted" : "denied",
-				personalization_storage: consented ? "granted" : "denied",
-			})
-
-			if (process.env.NODE_ENV === "development") {
-				console.log(`Google Consent Mode updated: ${consented ? "granted" : "denied"}`)
-			}
-		}
-	}
-
 	return (
 		<>
 			{/* Google tag (gtag.js) - Loads with Consent Mode v2 */}
@@ -82,6 +58,24 @@ export function GoogleAnalyticsProvider({ children }: { children: React.ReactNod
 			/>
 			<Script id="google-ads-config" strategy="afterInteractive">
 				{`
+					// Initialize dataLayer and gtag function first (must be before any gtag calls)
+					window.dataLayer = window.dataLayer || [];
+					function gtag(){dataLayer.push(arguments);}
+					
+					// Set default consent state for Consent Mode v2 (must be before gtag.js loads)
+					gtag('consent', 'default', {
+						ad_storage: 'denied',
+						ad_user_data: 'denied',
+						ad_personalization: 'denied',
+						analytics_storage: 'denied',
+						functionality_storage: 'denied',
+						personalization_storage: 'denied',
+						security_storage: 'granted',
+						wait_for_update: 2000,
+						url_passthrough: true,
+						ads_data_redaction: true
+					});
+					
 					gtag('js', new Date());
 					
 					// Configure Google Ads with enhanced measurement