feat: add trackers

1. add twitter tracker 2. add google analytics tracker
Magickbase · Nov 13, 2023 · a0a182a · a0a182a
1 parent 5ccb76b
commit a0a182a
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 3 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -18,10 +18,10 @@ const config = {
   rules: {
     'import/order': ['error', { groups: [['builtin', 'external', 'internal']] }],
     'import/newline-after-import': 'error',
-    'eol-last': ["error", "always"],
+    'eol-last': ['error', 'always'],
   },
   // This is because `next.config.mjs` is excluded from tsconfig.
-  ignorePatterns: ['next.config.mjs', 'next-i18next.config.js'],
+  ignorePatterns: ['next.config.mjs', 'next-i18next.config.js', 'public/scripts/*'],
 }
 
 module.exports = config
diff --git a/public/scripts/google-analytics.js b/public/scripts/google-analytics.js
@@ -0,0 +1,7 @@
+window.dataLayer = window.dataLayer || []
+function gtag() {
+  dataLayer.push(arguments)
+}
+gtag('js', new Date())
+
+gtag('config', 'G-WVH440CNZ3')
diff --git a/public/scripts/twitter.js b/public/scripts/twitter.js
@@ -0,0 +1,15 @@
+!(function (e, t, n, s, u, a) {
+  e.twq ||
+    ((s = e.twq =
+      function () {
+        s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments)
+      }),
+    (s.version = '1.1'),
+    (s.queue = []),
+    (u = t.createElement(n)),
+    (u.async = !0),
+    (u.src = 'https://static.ads-twitter.com/uwt.js'),
+    (a = t.getElementsByTagName(n)[0]),
+    a.parentNode.insertBefore(u, a))
+})(window, document, 'script')
+twq('config', 'o6uy5')
diff --git a/src/pages/_app.page.tsx b/src/pages/_app.page.tsx
@@ -1,6 +1,7 @@
-import { useEffect } from 'react'
 import { type AppType } from 'next/app'
+import { useEffect } from 'react'
 import Head from 'next/head'
+import Script from 'next/script'
 import { appWithTranslation } from 'next-i18next'
 import localFont from 'next/font/local'
 import { api } from '../utils/api'
@@ -29,6 +30,9 @@ const App: AppType = ({ Component, pageProps }) => {
       <Head>
         <title>Nervos Network</title>
         <link rel="icon" type="image/svg" href="/favicon.svg" />
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-WVH440CNZ3" />
+        <script async src="/scripts/google-analytics.js" />
+        <script async src="/scripts/twitter.js" />
       </Head>
       <main
         // Here as redundancy in server-side rendering.