Yandex metrica work

2022-07-05 02:19:27 +03:00
parent ccf1aaba9b
commit 0df5022493
4 changed files with 27 additions and 19 deletions
--- a/app/.env.local.example
+++ b/app/.env.local.example
@@ -1 +1,2 @@
 MONGODB_URI=
+YA_METRIKA_ID=
--- a/app/components/layout.js
+++ b/app/components/layout.js
@@ -9,7 +9,11 @@ export default function Layout ({ children }) {
      <Head>
        <title>Warframe Center</title>
        <link rel='icon' href='/favicon.ico' />
-        <YMInitializer accounts={[87671663]} />
+        <YMInitializer
+          accounts={[Number(process.env.YA_METRIKA_ID)]}
+          options={{ webvisor: true, defer: true }}
+          version='2'
+        />
      </Head>
      <main>{children}</main>
      <Footer />
--- a/app/pages/_app.js
+++ b/app/pages/_app.js
@@ -1,6 +1,8 @@
 import { CssBaseline } from '@mui/material'
 import { createTheme, ThemeProvider } from '@mui/material/styles'
 import { appWithTranslation } from 'next-i18next'
+import { useEffect } from 'react'
+import ym from 'react-yandex-metrika'

 import 'reset-css'
 import '../styles/global.scss'
@@ -13,6 +15,15 @@ function App ({ Component, pageProps }) {
    }
  })

+  useEffect(() => {
+    if (typeof window !== 'undefined' && process.env.NODE_ENV === 'production') {
+      const url = window.location.pathname + window.location.search
+      ym('hit', url)
+    } else {
+      console.log('Not in production, not sending Yandex Metrika hit')
+    }
+  }, [])
+
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
--- a/app/pages/home/index.js
+++ b/app/pages/home/index.js
@@ -1,5 +1,4 @@
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import { Component } from 'react'
 import { models } from 'shared-stuff'

 import dbConnect from '../../lib/dbConnect'
@@ -7,22 +6,15 @@ import dbConnect from '../../lib/dbConnect'
 import Hero from './Hero'
 import Table from './Table'

-export default class Home extends Component {
-  constructor ({ scanResults }) {
-    super()
-    this.scanResults = scanResults
-  }
-
-  render () {
-    return (
-      <>
-        <Hero />
-        <Table
-          scanResults={this.scanResults}
-        />
-      </>
-    )
-  }
+export default function Home ({ scanResults }) {
+  return (
+    <>
+      <Hero />
+      <Table
+        scanResults={scanResults}
+      />
+    </>
+  )
 }

 export async function getServerSideProps ({ locale }) {