From 8b4129c233ac057c565b9f746c20d13f9a89860a Mon Sep 17 00:00:00 2001
From: Ege Can Komur <egecankomur@gmail.com>
Date: Wed, 20 May 2026 18:53:55 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20Pexels=20image=20domain=20+=20ConsentIni?=
 =?UTF-8?q?t'i=20statik=20script=20src'e=20ta=C5=9F=C4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

İki sorun düzeltildi:

1) next.config.ts'e images.pexels.com (+ unsplash) eklendi
   - Mevcut 6 referans projesinde Pexels görsel URL'leri var
   - 'Invalid src prop on next/image' hatası giderildi
   - images.unsplash.com da eklendi (gelecekte kullanım için)

2) ConsentInit artık /public/consent-default.js'i src ile yüklüyor
   - React 19 + Next.js 16'da inline <script>{code}</script> ve
     <script dangerouslySetInnerHTML> her ikisi de 'Encountered a script
     tag while rendering React component' warning'i üretiyor
   - Statik dosya + <script src> pattern'i React'ın temiz şekilde
     kabul ettiği yöntem — warning yok, davranış aynı
   - GTM de aynı şekilde async src kullanıyor (önceki inline snippet
     yerine direkt GTM URL'i)
   - Consent default hala synchronous (script src defer/async olmadan)
     — gtag('consent','default') hiçbir analytics yüklenmeden çalışır
   - noscript iframe fallback korundu
---
 components/consent-init.tsx | 47 ++++++++++---------------------------
 next.config.ts              |  2 ++
 public/consent-default.js   | 15 ++++++++++++
 3 files changed, 30 insertions(+), 34 deletions(-)
 create mode 100644 public/consent-default.js

diff --git a/components/consent-init.tsx b/components/consent-init.tsx
index d13dee9..f9160b6 100644
--- a/components/consent-init.tsx
+++ b/components/consent-init.tsx
@@ -1,44 +1,23 @@
 /**
- * Google Consent Mode v2 — defaults set to "denied" before any tag loads.
- * After the user makes a choice, CookieBanner calls gtag('consent','update', ...).
+ * Google Consent Mode v2 — default consent state denied'da.
+ * Consent default ayarı `/public/consent-default.js`'den senkron yüklenir
+ * (script src ile — React'ın inline script warning'inden kaçınmak için).
  *
- * Next.js 16 / React 19'da `next/script` inline scripts ile sorunlu olduğu için
- * doğrudan <script dangerouslySetInnerHTML> kullanıyoruz. Script senkron olarak
- * HTML parse edildiği anda çalışır — gtag('consent','default') hiçbir analytics
- * scripti yüklenmeden önce kaydedilir.
+ * GTM script'i sadece gtm_id varsa yüklenir, aynı src pattern'i kullanır.
  */
 export function ConsentInit({ gtmId }: { gtmId?: string | null }) {
-  const defaultConsent = `
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    window.gtag = gtag;
-    gtag('consent', 'default', {
-      ad_storage: 'denied',
-      ad_user_data: 'denied',
-      ad_personalization: 'denied',
-      analytics_storage: 'denied',
-      functionality_storage: 'granted',
-      personalization_storage: 'denied',
-      security_storage: 'granted',
-      wait_for_update: 500,
-    });
-  `;
-
-  const gtmSnippet = gtmId
-    ? `
-      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
-      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
-      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-      })(window,document,'script','dataLayer','${gtmId}');
-    `
-    : null;
-
   return (
     <>
-      <script dangerouslySetInnerHTML={{ __html: defaultConsent }} />
-      {gtmSnippet && (
+      {/* Default consent — synchronous, runs before any other JS */}
+      <script src="/consent-default.js" />
+
+      {/* GTM */}
+      {gtmId && (
         <>
-          <script dangerouslySetInnerHTML={{ __html: gtmSnippet }} />
+          <script
+            async
+            src={`https://www.googletagmanager.com/gtm.js?id=${gtmId}`}
+          />
           <noscript>
             <iframe
               src={`https://www.googletagmanager.com/ns.html?id=${gtmId}`}
diff --git a/next.config.ts b/next.config.ts
index a64b806..ffa7098 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -10,6 +10,8 @@ const nextConfig: NextConfig = {
       { protocol: "https", hostname: "db.kovaksoft.com" },
       { protocol: "https", hostname: "kovakyazilim.com" },
       { protocol: "https", hostname: "**.kovaksoft.com" },
+      { protocol: "https", hostname: "images.pexels.com" },
+      { protocol: "https", hostname: "images.unsplash.com" },
     ],
   },
 };
diff --git a/public/consent-default.js b/public/consent-default.js
new file mode 100644
index 0000000..0483be8
--- /dev/null
+++ b/public/consent-default.js
@@ -0,0 +1,15 @@
+// Google Consent Mode v2 — set defaults to "denied" before any analytics tag loads.
+// CookieBanner sonradan gtag('consent','update',…) ile günceller.
+window.dataLayer = window.dataLayer || [];
+function gtag() { dataLayer.push(arguments); }
+window.gtag = gtag;
+gtag('consent', 'default', {
+  ad_storage: 'denied',
+  ad_user_data: 'denied',
+  ad_personalization: 'denied',
+  analytics_storage: 'denied',
+  functionality_storage: 'granted',
+  personalization_storage: 'denied',
+  security_storage: 'granted',
+  wait_for_update: 500,
+});