update ga4 consent

components/tracking/index.js

@@ -1,38 +1,50 @@
 import Script from "next/script";
 import React, { Fragment } from "react";
-import { GoogleTagManager } from "@next/third-parties/google";
+import { GoogleTagManager, GoogleAnalytics } from "@next/third-parties/google";
 
-export const Tracking = ({ googleTagManagerID, nonce }) => (
-    <>
-        <Script
-            strategy="afterInteractive"
-            src={`https://www.googletagmanager.com/gtag/js?id=${googleTagManagerID}`}
-        />
-        <Script
-            id="google-analytics"
-            strategy="afterInteractive"
-            dangerouslySetInnerHTML={{
-                __html: `
+export const Tracking = ({ googleTagManagerID, nonce, cookieObj }) => {
+    return (
+        <Fragment>
+            <script
+                strategy="afterInteractive"
+                src={`https://www.googletagmanager.com/gtag/js?id=${googleTagManagerID}`}
+            />
+            <script
+                id="google-analytics"
+                strategy="afterInteractive"
+                dangerouslySetInnerHTML={{
+                    __html: `
                 window.dataLayer = window.dataLayer || [];
                 function gtag(){dataLayer.push(arguments);}
                 gtag('js', new Date());
 
                 gtag('consent', 'default', {
-                    'analytics_storage': 'denied'
+                    'analytics_storage': 'granted',
+                    'ad_storage': 'denied',
+                    'ad_user_data': 'denied',
+                    'ad_personalization': 'denied'
                 });
                 
                 gtag('config', '${googleTagManagerID}', {
                     page_path: window.location.pathname,
                 });
+                
+                gtag('consent', 'update', {'analytics_storage': '${
+                    typeof cookieObj == "string" &&
+                    JSON.parse(cookieObj).hasOwnProperty("analytics_storage")
+                        ? JSON.parse(cookieObj).analytics_storage
+                        : "denied"
+                }'});
                 `,
-            }}
-        />
+                }}
+            />
 
-        {/* <GoogleAnalytics gaId={googleTagManagerID} /> */}
+            {/* <GoogleAnalytics gaId={googleTagManagerID} /> */}
 
-        {/* <GoogleTagManager gtmId={googleTagManagerID} /> */}
-    </>
-);
+            {/* <GoogleTagManager gtmId={googleTagManagerID} /> */}
+        </Fragment>
+    );
+};
 
 export const TrackingNoScript = ({ googleTagManagerID }) => (
     <Fragment>