main 🔑 add analytics cookieless

debabin · debabin · commit b23436fceacc · 2025-06-24T20:25:35.000+07:00
diff --git a/packages/docs/src/app/(components)/scripts/GoogleAnalyticsScript/GoogleAnalyticsScript.tsx b/packages/docs/src/app/(components)/scripts/GoogleAnalyticsScript/GoogleAnalyticsScript.tsx
@@ -0,0 +1,29 @@
+import Script from 'next/script';
+
+export const GoogleAnalyticsScript = () => (
+  <>
+    <Script
+      async
+      id='google-analytics'
+      src='https://www.googletagmanager.com/gtag/js?id=G-RRECQP6XBW'
+      strategy='afterInteractive'
+    />
+    <Script
+      id='google-analytics-config'
+      strategy='afterInteractive'
+      dangerouslySetInnerHTML={{
+        __html: `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', 'G-RRECQP6XBW', {
+            anonymize_ip: true,
+            client_storage: 'none',
+            allow_google_signals: false,
+            allow_ad_personalization_signals: false
+          });
+        `
+      }}
+    />
+  </>
+);
diff --git a/packages/docs/src/app/(components)/scripts/GoogleTagManagerScript/GoogleTagManagerScript.tsx b/packages/docs/src/app/(components)/scripts/GoogleTagManagerScript/GoogleTagManagerScript.tsx
@@ -0,0 +1,28 @@
+import Script from 'next/script';
+
+export const GoogleTagManagerScript = () => (
+  <>
+    <Script
+      id='google-tag-manager'
+      strategy='afterInteractive'
+      dangerouslySetInnerHTML={{
+        __html: `
+          (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','GTM-5QW9TNN4');
+        `
+      }}
+    />
+
+    <noscript>
+      <iframe
+        height='0'
+        src='https://www.googletagmanager.com/ns.html?id=GTM-5QW9TNN4'
+        style={{ display: 'none', visibility: 'hidden' }}
+        width='0'
+      />
+    </noscript>
+  </>
+);
diff --git a/packages/docs/src/app/(components)/scripts/YandexMetricaScript/YandexMetricaScript.tsx b/packages/docs/src/app/(components)/scripts/YandexMetricaScript/YandexMetricaScript.tsx
@@ -0,0 +1,38 @@
+import Script from 'next/script';
+
+export const YandexMetricaScript = () => (
+  <>
+    <Script
+      id='yandex-metrika'
+      strategy='afterInteractive'
+      dangerouslySetInnerHTML={{
+        __html: `
+          (function(m,e,t,r,i,k,a){
+              m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+              m[i].l=1*new Date();
+              for (var j = 0; j < document.scripts.length; j++) {
+                if (document.scripts[j].src === r) { return; }
+              }
+              k=e.createElement(t),a=e.getElementsByTagName(t)[0],
+              k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
+          })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+      
+          ym(102972492, "init", {
+            clickmap:true,
+            trackLinks:true,
+            accurateTrackBounce:true
+          });
+        `
+      }}
+    />
+    <noscript>
+      <div>
+        <img
+          alt=''
+          src='https://mc.yandex.ru/watch/102972492'
+          style={{ position: 'absolute', left: '-9999px' }}
+        />
+      </div>
+    </noscript>
+  </>
+);
diff --git a/packages/docs/src/app/(components)/scripts/index.ts b/packages/docs/src/app/(components)/scripts/index.ts
@@ -0,0 +1,3 @@
+export * from './GoogleAnalyticsScript/GoogleAnalyticsScript';
+export * from './GoogleTagManagerScript/GoogleTagManagerScript';
+export * from './YandexMetricaScript/YandexMetricaScript';
diff --git a/packages/docs/src/app/layout.tsx b/packages/docs/src/app/layout.tsx
@@ -3,6 +3,11 @@ import type { ReactNode } from 'react';
 import { RootProvider } from 'fumadocs-ui/provider';
 import { Mulish } from 'next/font/google';
 
+import {
+  GoogleAnalyticsScript,
+  GoogleTagManagerScript,
+  YandexMetricaScript
+} from './(components)/scripts';
 import { SearchDialog } from './(components)/search';
 
 import './global.css';
@@ -20,6 +25,9 @@ export const Layout = ({ children }: LayoutProps) => (
   <html className={mulish.className} lang='en' suppressHydrationWarning>
     <head>
       <link href='/google-recaptcha/metadata/favicon.ico' rel='icon' sizes='any' />
+      <GoogleAnalyticsScript />
+      <GoogleTagManagerScript />
+      <YandexMetricaScript />
     </head>
     <body className='flex flex-col min-h-screen'>
       <RootProvider

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export * from './GoogleAnalyticsScript/GoogleAnalyticsScript';`
	`2`	`+export * from './GoogleTagManagerScript/GoogleTagManagerScript';`
	`3`	`+export * from './YandexMetricaScript/YandexMetricaScript';`