From e4fedfdeb5a371701d091e65b5e77ae17e97b68d Mon Sep 17 00:00:00 2001
From: MiracleHorizon <alexeenkodenisjke@gmail.com>
Date: Tue, 13 Aug 2024 00:23:15 +0300
Subject: [PATCH 1/2] feat(frontend): add basic Yandex.Metrika setup

---
 apps/frontend/src/app/layout.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/apps/frontend/src/app/layout.tsx b/apps/frontend/src/app/layout.tsx
index f049c7de..148cf16c 100644
--- a/apps/frontend/src/app/layout.tsx
+++ b/apps/frontend/src/app/layout.tsx
@@ -37,6 +37,35 @@ const RootLayout = async ({ children }: PropsWithChildren) => {
 
         <Analytics debug={false} />
         <SpeedInsights debug={false} />
+
+        <script defer>
+          {`
+            ;(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()
+              for (var j = 0; j < document.scripts.length; j++) {
+                if (document.scripts[j].src === r) {
+                  return
+                }
+              }
+              ;(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(98055329, 'init', {
+              clickmap: true,
+              trackLinks: true,
+              accurateTrackBounce: true
+            })
+          `}
+        </script>
       </body>
     </html>
   )

From 060628a84a6e6f6c4b494aab5f70bdbd54e73bc2 Mon Sep 17 00:00:00 2001
From: MiracleHorizon <alexeenkodenisjke@gmail.com>
Date: Tue, 13 Aug 2024 00:49:03 +0300
Subject: [PATCH 2/2] feat(frontend): add basic Yandex.Metrika setup

---
 apps/frontend/eslint.config.js         |  2 +-
 apps/frontend/public/yandex-metrika.js | 26 ++++++++++++++++
 apps/frontend/src/app/layout.tsx       | 42 +++++++++-----------------
 3 files changed, 41 insertions(+), 29 deletions(-)
 create mode 100644 apps/frontend/public/yandex-metrika.js

diff --git a/apps/frontend/eslint.config.js b/apps/frontend/eslint.config.js
index e1c62ff7..f84e48e3 100644
--- a/apps/frontend/eslint.config.js
+++ b/apps/frontend/eslint.config.js
@@ -9,7 +9,7 @@ import defaultConfig from '../../eslint.config.js'
 export default [
   ...defaultConfig,
   {
-    ignores: ['.next', 'cypress']
+    ignores: ['.next', 'cypress', 'public']
   },
   {
     languageOptions: {
diff --git a/apps/frontend/public/yandex-metrika.js b/apps/frontend/public/yandex-metrika.js
new file mode 100644
index 00000000..50322453
--- /dev/null
+++ b/apps/frontend/public/yandex-metrika.js
@@ -0,0 +1,26 @@
+;(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()
+
+  for (let j = 0; j < document.scripts.length; j++) {
+    if (document.scripts[j].src === r) {
+      return
+    }
+  }
+
+  ;(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(98055329, 'init', {
+  clickmap: true,
+  trackLinks: true,
+  accurateTrackBounce: true
+})
diff --git a/apps/frontend/src/app/layout.tsx b/apps/frontend/src/app/layout.tsx
index 148cf16c..578b984a 100644
--- a/apps/frontend/src/app/layout.tsx
+++ b/apps/frontend/src/app/layout.tsx
@@ -38,34 +38,20 @@ const RootLayout = async ({ children }: PropsWithChildren) => {
         <Analytics debug={false} />
         <SpeedInsights debug={false} />
 
-        <script defer>
-          {`
-            ;(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()
-              for (var j = 0; j < document.scripts.length; j++) {
-                if (document.scripts[j].src === r) {
-                  return
-                }
-              }
-              ;(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(98055329, 'init', {
-              clickmap: true,
-              trackLinks: true,
-              accurateTrackBounce: true
-            })
-          `}
-        </script>
+        <script defer src='/yandex-metrika.js' type='module' crossOrigin='anonymous' />
+
+        <noscript>
+          <div>
+            <img
+              src='https://mc.yandex.ru/watch/98055329'
+              style={{
+                position: 'absolute',
+                left: '-9999px'
+              }}
+              alt=''
+            />
+          </div>
+        </noscript>
       </body>
     </html>
   )