feat: KVKK/GDPR uyumlu cookie consent + Google Consent Mode v2

Yeni component'ler: - CookieBanner (sağ alt banner + tam ekran ayarlar modal) - 'Tümünü kabul', 'Tümünü reddet', 'Ayarları yönet' - 4 kategori toggle: Zorunlu / Analitik / Reklam / Tercih - Zorunlu kategori her zaman açık (KVKK) - localStorage + cookie persistence (12 ay TTL) - Versionlı (CONSENT_VERSION=1) — şema değişince yeniden sorma - window.openCookieSettings() global helper (footer/policy sayfasından çağrılabilir) - ConsentInit (Google Consent Mode v2 default deny) - beforeInteractive Script ile gtag default deny yüklenir - User onayladığında banner gtag('consent','update', ...) çağırır - seo_settings.gtm_id doluysa GTM injection (asenkron) - CookieSettingsButton (politika sayfasında 'ayarları değiştir') Yeni sayfa: - /cerez-politikasi — KVKK uyumlu çerez politikası metni - 4 kategori detaylı açıklama + örnek çerez isimleri - KVKK Madde 11 kapsamındaki kullanıcı hakları - İletişim bilgileri site_settings'ten Layout entegrasyonu: - app/layout.tsx — ConsentInit head'e, CookieBanner body sonuna - Footer'a 'Çerez Politikası' linki Consent flag mapping (Consent Mode v2): - Zorunlu → functionality_storage + security_storage (her zaman granted) - Analitik → analytics_storage - Reklam → ad_storage + ad_user_data + ad_personalization - Tercih → personalization_storage Önemli: Default state 'denied' — kullanıcı seçim yapmadan hiçbir analytics/ads çerezi tetiklenmez. Google Ads Consent Mode v2 uyumlu. 31 route, public sayfalar static (1m revalidate).
2026-05-20 03:27:02 +03:00
parent 2373eccb17
commit 304a344955
7 changed files with 569 additions and 2 deletions
@@ -2,6 +2,9 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { siteConfig } from "@/lib/site-config";
+import { ConsentInit } from "@/components/consent-init";
+import { CookieBanner } from "@/components/cookie-banner";
+import { getSeoSettings } from "@/lib/data";

 const geistSans = Geist({
  variable: "--font-geist-sans",
@@ -29,16 +32,28 @@ export const metadata: Metadata = {
  icons: { icon: "/logo.png" },
 };

-export default function RootLayout({
+export default async function RootLayout({
  children,
 }: Readonly<{ children: React.ReactNode }>) {
+  let gtmId: string | null = null;
+  try {
+    const seo = await getSeoSettings();
+    gtmId = seo?.gtm_id ?? null;
+  } catch {
+    gtmId = null;
+  }
+
  return (
    <html
      lang="tr"
      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
    >
+      <head>
+        <ConsentInit gtmId={gtmId} />
+      </head>
      <body className="min-h-full flex flex-col bg-white text-[var(--foreground)]">
        {children}
+        <CookieBanner />
      </body>
    </html>
  );