From f4008a4750f6bd830b9a1e1010d98f1ceaba30c0 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Fri, 2 Aug 2019 17:41:45 +0300
Subject: [PATCH] yandex metrika

---
 pages/_document.jsx         |  3 +++
 src/components/YMetrika.jsx | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 src/components/YMetrika.jsx

diff --git a/pages/_document.jsx b/pages/_document.jsx
index ee97c97f..e47d426e 100644
--- a/pages/_document.jsx
+++ b/pages/_document.jsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import Document, { Html, Head, Main, NextScript } from 'next/document'
+import { YMetrika } from '../src/components/YMetrika'
 
 export default class MyDocument extends Document {
     // static async getInitialProps(ctx) {
@@ -53,6 +54,8 @@ export default class MyDocument extends Document {
 
                     {/* Instagram Embed */}
                     <script async defer src="//platform.instagram.com/en_US/embeds.js" />
+
+                    <YMetrika account={24027460}/>
                 </Head>
 
                 <body className="custom_class">
diff --git a/src/components/YMetrika.jsx b/src/components/YMetrika.jsx
new file mode 100644
index 00000000..9facd3e2
--- /dev/null
+++ b/src/components/YMetrika.jsx
@@ -0,0 +1,36 @@
+import React from 'react'
+
+function metrika(account) {
+    return `
+        <!-- Yandex.Metrika counter -->
+        (function (d, w, c) {
+            (w[c] = w[c] || []).push(function() {
+                try {
+                    w.yaCounter${account} = new Ya.Metrika({
+                        id:${account},
+                        clickmap:true,
+                        trackLinks:true,
+                        accurateTrackBounce:true,
+                        webvisor:true
+                    });
+                } catch(e) { }
+            });
+    
+            var n = d.getElementsByTagName("script")[0],
+                s = d.createElement("script"),
+                f = function () { n.parentNode.insertBefore(s, n); };
+            s.type = "text/javascript";
+            s.async = true;
+            s.src = "https://mc.yandex.ru/metrika/watch.js";
+    
+            if (w.opera == "[object Opera]") {
+                d.addEventListener("DOMContentLoaded", f, false);
+            } else { f(); }
+        })(document, window, "yandex_metrika_callbacks");
+        <!-- /Yandex.Metrika counter -->
+    `
+}
+
+export const YMetrika = (props) => (
+    <script dangerouslySetInnerHTML={{ __html: metrika(props.account) }} />
+)