From 85439ced56f3e3d470a5f37d8a56ee7bb5fc30e8 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Fri, 2 Aug 2019 17:52:56 +0300
Subject: [PATCH] added google analytics

---
 pages/_document.jsx           |  2 ++
 src/components/GAnalytics.jsx | 29 +++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 src/components/GAnalytics.jsx

diff --git a/pages/_document.jsx b/pages/_document.jsx
index 09240b4c..d861542b 100644
--- a/pages/_document.jsx
+++ b/pages/_document.jsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 import { YMetrika } from '../src/components/YMetrika'
+import { GAnalytics } from '../src/components/GAnalytics'
 
 export default class MyDocument extends Document {
     // static async getInitialProps(ctx) {
@@ -56,6 +57,7 @@ export default class MyDocument extends Document {
                     <script async defer src="//platform.instagram.com/en_US/embeds.js" />
 
                     <YMetrika account={24027460} />
+                    <GAnalytics account={'UA-60209057-1'} />
                 </Head>
 
                 <body className="custom_class">
diff --git a/src/components/GAnalytics.jsx b/src/components/GAnalytics.jsx
new file mode 100644
index 00000000..adc939d7
--- /dev/null
+++ b/src/components/GAnalytics.jsx
@@ -0,0 +1,29 @@
+import React from 'react'
+
+function script(account) {
+    return `
+        if (window.location.host.indexOf('localhost') === -1) {
+            (function (window, document, script, src, ga, element, m) {
+                window['GoogleAnalyticsObject'] = ga;
+                if (!window[ga]) {
+                    window[ga] = function () {
+                        (window[ga].q = window[ga].q || []).push(arguments)
+                    }
+                }
+                window[ga].l = 1 * new Date();
+                element = document.createElement(script);
+                m = document.getElementsByTagName(script)[0];
+                element.async = 1;
+                element.src = src;
+                m.parentNode.insertBefore(element, m)
+            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+            ga('create', '${account}', 'auto');
+            ga('send', 'pageview');
+        }
+    `
+}
+
+export const GAnalytics = (props) => (
+    <script dangerouslySetInnerHTML={{ __html: script(props.account) }} />
+)