www(добавление или удаление функционала): add google GoogleAnalytics

nauchikus · nauchikus · commit 544dc8cd4c68 · 2022-09-13T11:31:49.000+04:00
add google GoogleAnalytics
diff --git a/www/analytics/google-analytics.tsx b/www/analytics/google-analytics.tsx
@@ -0,0 +1,19 @@
+import { FC, useEffect } from "react";
+
+export const GoogleAnalytics:FC = () => {
+    useEffect( () => {
+        window[`dataLayer`] = window[ `dataLayer` ] ?? [];
+
+        function gtag ( ...rest ) {
+            window[ `dataLayer` ].push( arguments );
+        }
+
+        gtag( 'js', new Date() );
+        gtag( 'config', 'G-K2BJ26CT7F' );
+    }, [] );
+    return (
+        <>
+            <script async src="https://www.googletagmanager.com/gtag/js?id=G-K2BJ26CT7F"></script>
+        </>
+    )
+}
diff --git a/www/pages/_app.tsx b/www/pages/_app.tsx
@@ -6,6 +6,7 @@ import {useDocSearch} from "../hooks/use-doc-search";
 import React from "react";
 import { MetaMultiDescription } from "../components/meta-multi-description/MetaMultyDescription";
 import { appConfig } from "../app-config";
+import { GoogleAnalytics } from "../analytics/google-analytics";
 
 function MyApp({ Component, pageProps }: AppProps) {
     useDocSearch();
@@ -14,6 +15,7 @@ function MyApp({ Component, pageProps }: AppProps) {
     return (
         <BaseAppLayout>
             <Head>
+                <GoogleAnalytics/>
                 <MetaMultiDescription title={ appConfig.title } description={ appConfig.description }/>
                 <meta name="yandex-verification" content="d7555ce264b8a099"/>
                 <meta name="viewport"
