[Third parties] Google analytics Add debug mode (#63405)

Co-authored-by: Jiachi Liu <inbox@huozhi.im>
vercel · Sep 17, 2024 · 05dd22d · 05dd22d
1 parent ef06571
commit 05dd22d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/third-parties/src/google/ga.tsx b/packages/third-parties/src/google/ga.tsx
@@ -14,7 +14,7 @@ declare global {
 let currDataLayerName: string | undefined = undefined
 
 export function GoogleAnalytics(props: GAParams) {
-  const { gaId, dataLayerName = 'dataLayer', nonce } = props
+  const { gaId, debugMode, dataLayerName = 'dataLayer', nonce } = props
 
   if (currDataLayerName === undefined) {
     currDataLayerName = dataLayerName
@@ -43,7 +43,7 @@ export function GoogleAnalytics(props: GAParams) {
           function gtag(){window['${dataLayerName}'].push(arguments);}
           gtag('js', new Date());
 
-          gtag('config', '${gaId}');`,
+          gtag('config', '${gaId}' ${debugMode ? ",{ 'debug_mode': true }" : ''});`,
         }}
         nonce={nonce}
       />

diff --git a/packages/third-parties/src/types/google.ts b/packages/third-parties/src/types/google.ts
@@ -24,6 +24,7 @@ export type GTMParams = {
 export type GAParams = {
   gaId: string
   dataLayerName?: string
+  debugMode?: boolean
   nonce?: string
 }