Ege Can Komur
304a344955
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).
61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
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",
|
||
subsets: ["latin"],
|
||
});
|
||
|
||
const geistMono = Geist_Mono({
|
||
variable: "--font-geist-mono",
|
||
subsets: ["latin"],
|
||
});
|
||
|
||
export const metadata: Metadata = {
|
||
title: {
|
||
default: `${siteConfig.name} — Yazılım, Web ve CRM Çözümleri`,
|
||
template: `%s | ${siteConfig.name}`,
|
||
},
|
||
description: siteConfig.tagline,
|
||
metadataBase: new URL(siteConfig.url),
|
||
openGraph: {
|
||
title: siteConfig.name,
|
||
description: siteConfig.tagline,
|
||
locale: "tr_TR",
|
||
type: "website",
|
||
},
|
||
icons: { icon: "/logo.png" },
|
||
};
|
||
|
||
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>
|
||
);
|
||
}
|