14. Skrip Analytics Loader

Ringkasan

Aplikasi mencakup pemuat skrip analytics bawaan yang mendukung Google Analytics 4, Plausible Privacy Analytics, dan PostHog Product Analytics.

Cara Kerja

Skrip analitik dimuat secara kondisional pada src/app/layout.tsx berdasarkan ID yang diisi di AppSettings:

tsx

// Cuplikan src/app/layout.tsx
{settings?.googleAnalyticsId && (
  <Script
    src={`https://www.googletagmanager.com/gtag/js?id=${settings.googleAnalyticsId}`}
    strategy="afterInteractive"
  />
)}
{settings?.plausibleDomain && (
  <Script
    defer
    data-domain={settings.plausibleDomain}
    src="https://plausible.io/js/script.js"
  />
)}

Berkas Terkait

src/app/layout.tsx — Root layout tempat pemuatan skrip Analytics

src/app/(admin)/settings/seo/page.tsx — Halaman GUI Pengaturan Analytics