added nonce support for @next/third-parties GoogleAnalytics

vercel · May 7, 2024 · 1dfcf3e · 1dfcf3e
1 parent 7348615
commit 1dfcf3e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
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' } = props
+  const { gaId, dataLayerName = 'dataLayer', nonce = undefined } = props
 
   if (currDataLayerName === undefined) {
     currDataLayerName = dataLayerName
@@ -49,6 +49,7 @@ export function GoogleAnalytics(props: GAParams) {
       <Script
         id="_next-ga"
         src={`https://www.googletagmanager.com/gtag/js?id=${gaId}`}
+        nonce={nonce}
       />
     </>
   )

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