Add Google Analytics (deepset-ai#139)

* new sitemap * added google ananlytics
ju-gu · Sep 1, 2021 · 3b342c4 · 3b342c4
1 parent dfdf018
commit 3b342c4
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 2 deletions.
diff --git a/lib/utils.ts b/lib/utils.ts
@@ -7,7 +7,6 @@ import remarkPrism from "remark-prism";
 import autolink from "remark-autolink-headings";
 import GitHubSlugger from "github-slugger";
 import imgLinks from "@pondorasti/remark-img-links";
-import semverCompare from "semver-compare";
 import { getHaystackReleaseTagNames, getStargazersCount } from "./github";
 import { MDXRemoteSerializeResult } from "next-mdx-remote";
 

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -2,7 +2,31 @@ import "../styles/global.css";
 import "../styles/prism-theme.css";
 import type { AppProps } from "next/app";
 
+import { useEffect } from 'react'
+import { useRouter } from 'next/router'
+
+declare const window: any;
+
 function MyApp({ Component, pageProps }: AppProps) {
+ const router = useRouter()
+
+ useEffect(() => {
+ const handleRouteChange = (url: any) => {
+ window.gtag('config', process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS, {
+ page_path: url,
+ });
+ }
+ //When the component is mounted, subscribe to router changes
+ //and log those page views
+ router.events.on('routeChangeComplete', handleRouteChange)
+
+ // If the component is unmounted, unsubscribe
+ // from the event with the `off` method
+ return () => {
+ router.events.off('routeChangeComplete', handleRouteChange)
+ }
+ }, [router.events])
+
  return <Component {...pageProps} />;
 }
 export default MyApp;
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -15,7 +15,24 @@ class MyDocument extends Document {
  render() {
  return (
  <Html>
- <Head />
+ <Head>
+ <script
+ async
+ src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}`}
+ />
+ <script
+ dangerouslySetInnerHTML={{
+ __html: `
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+ gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}', {
+ page_path: window.location.pathname,
+ });
+ `,
+ }}
+ />
+ </Head>
  <body>
  <Main />
  <NextScript />