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
3 years ago · 03ad8bbd46
parent 3c7f069970
commit 03ad8bbd46
7 changed files with 60 additions and 4 deletions
--- 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();
--- a/components/Yandex.tsx
+++ 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>
+    )
+}
--- 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",
--- 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",
--- 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>
  );
--- 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>
    );
--- 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"