From 03ad8bbd4656aa1b31d7a7ab82ac38c76b315518 Mon Sep 17 00:00:00 2001
From: "Krasnikov.pro" <info@krasnikov.pro>
Date: Sat, 23 Jul 2022 00:27:01 +0300
Subject: [PATCH] 	modified:   components/Head.tsx 	new file:  
 components/Yandex.tsx 	modified:   package-lock.json 	modified:  
 package.json 	modified:   pages/_app.tsx     modified:   pages/_document.tsx
 	modified:   yarn.lock

---
 components/Head.tsx   |  2 +-
 components/Yandex.tsx | 23 +++++++++++++++++++++++
 package-lock.json     | 13 +++++++++++++
 package.json          |  1 +
 pages/_app.tsx        |  2 +-
 pages/_document.tsx   | 18 ++++++++++++++++--
 yarn.lock             |  5 +++++
 7 files changed, 60 insertions(+), 4 deletions(-)
 create mode 100644 components/Yandex.tsx

diff --git a/components/Head.tsx b/components/Head.tsx
index 8b69669..288da04 100644
--- a/components/Head.tsx
+++ b/components/Head.tsx
@@ -7,7 +7,7 @@ export type WithYandexMetrikaProps = {
   children: React.ReactNode;
 }
 
-export const WEBSITE_HOST_URL = 'https://robotop.krasnikov.pro/';
+export const WEBSITE_HOST_URL = 'https://robotop.krasnikov.pro';
 
 const Head = ({ customMeta }: { customMeta?: MetaProps }): JSX.Element => {
   const router = useRouter();
diff --git a/components/Yandex.tsx b/components/Yandex.tsx
new file mode 100644
index 0000000..9aaa5a8
--- /dev/null
+++ b/components/Yandex.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import Script from 'next/script'
+
+export const YandexMetrics = () => {
+    return(
+        <div className="container_yandex">
+          <Script
+            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();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(89626868, "init", {
+                       clickmap:true,
+                       trackLinks:true,
+                       accurateTrackBounce:true
+                  });
+                `,
+                }}
+              />
+      </div>
+    )
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index c666f5f..5acd402 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,6 +35,7 @@
       },
       "devDependencies": {
         "@testing-library/react": "^13.3.0",
+        "@types/gtag.js": "^0.0.10",
         "@types/jest": "^28.1.4",
         "@types/node": "^18.0.0",
         "@types/react": "^18.0.14",
@@ -2111,6 +2112,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/gtag.js": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@types/gtag.js/-/gtag.js-0.0.10.tgz",
+      "integrity": "sha512-98Hy7woUb3jMAMXkZQwfIOYNyfxmI0+U4m0PpCGdnd/FHk0tDpQFCqgXdNkdEoXsKkcGya/2Gew1cAJjKJspVw==",
+      "dev": true
+    },
     "node_modules/@types/hast": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
@@ -14438,6 +14445,12 @@
         "@types/node": "*"
       }
     },
+    "@types/gtag.js": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@types/gtag.js/-/gtag.js-0.0.10.tgz",
+      "integrity": "sha512-98Hy7woUb3jMAMXkZQwfIOYNyfxmI0+U4m0PpCGdnd/FHk0tDpQFCqgXdNkdEoXsKkcGya/2Gew1cAJjKJspVw==",
+      "dev": true
+    },
     "@types/hast": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
diff --git a/package.json b/package.json
index 97ac6bf..f7002e5 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
   },
   "devDependencies": {
     "@testing-library/react": "^13.3.0",
+    "@types/gtag.js": "^0.0.10",
     "@types/jest": "^28.1.4",
     "@types/node": "^18.0.0",
     "@types/react": "^18.0.14",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 60ef39b..bb1b75e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -9,7 +9,7 @@ const MyApp = ({ Component, pageProps }: AppProps): JSX.Element => {
   return (
       <ThemeProvider attribute="class" enableSystem={false} defaultTheme="light">
         <Provider store={store}>
-            <Component {...pageProps} />
+        <Component {...pageProps} />
         </Provider>
       </ThemeProvider>
   );
diff --git a/pages/_document.tsx b/pages/_document.tsx
index e4f75b6..a16763f 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -1,15 +1,29 @@
 import Document, { Head, Html, Main, NextScript } from 'next/document';
-import { YMInitializer } from 'react-yandex-metrika';
 
 class MyDocument extends Document {
   render(): JSX.Element {
     return (
       <Html lang="ru">
+        <div className="container_yandex">
+          <script
+            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();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(89626868, "init", {
+                       clickmap:true,
+                       trackLinks:true,
+                       accurateTrackBounce:true
+                  });
+                `,
+                }}
+              />
+      </div>
         <Head />
         <body className="bg-white dark:bg-black text-gray-900 dark:text-white">
           <Main />
           <NextScript />
-          <YMInitializer accounts={[89626868]} />
         </body>
       </Html>
     );
diff --git a/yarn.lock b/yarn.lock
index 7d745dd..fa60c94 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -856,6 +856,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/gtag.js@^0.0.10":
+  "integrity" "sha512-98Hy7woUb3jMAMXkZQwfIOYNyfxmI0+U4m0PpCGdnd/FHk0tDpQFCqgXdNkdEoXsKkcGya/2Gew1cAJjKJspVw=="
+  "resolved" "https://registry.npmjs.org/@types/gtag.js/-/gtag.js-0.0.10.tgz"
+  "version" "0.0.10"
+
 "@types/hast@^2.0.0":
   "integrity" "sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g=="
   "resolved" "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz"