Andrew Ross DopamineDriven

🎯

cloud hopping

JAMStack Development Lead

DopamineDriven / .env.local

Created June 7, 2021 08:57

env local

NEXT_PUBLIC_GA_TRACKING_ID=G-ABC4850XYZ

DopamineDriven / _app.tsx

Created June 7, 2021 08:53

app full

	import '@/styles/index.css';
	import '@/styles/chrome-bug.css';

	import { AppProps, NextWebVitalsMetric } from 'next/app';
	import { useEffect, FC } from 'react';
	import { useRouter } from 'next/router';
	import * as gtag from '@/lib/analytics';

	const Noop: FC = ({ children }) => <>{children}</>;

DopamineDriven / _app.tsx

Created June 7, 2021 08:52

app routing

	const router = useRouter();

	useEffect(() => {
	const handleRouteChange = (url: URL) => {
	gtag.pageview(url);
	};
	router.events.on(
	'routeChangeComplete',
	handleRouteChange
	);

DopamineDriven / _document.tsx

Created June 7, 2021 08:50

Document Full

	import Document, {
	Head,
	Html,
	Main,
	NextScript,
	DocumentContext,
	DocumentProps,
	DocumentInitialProps
	} from 'next/document';
	import { GA_TRACKING_ID } from '@/lib/analytics';

DopamineDriven / _document.tsx

Created June 7, 2021 08:50

Document.tsx full

	import Document, {
	Head,
	Html,
	Main,
	NextScript,
	DocumentContext,
	DocumentProps,
	DocumentInitialProps
	} from 'next/document';
	import { GA_TRACKING_ID } from '@/lib/analytics';

DopamineDriven / _document.tsx

Created June 7, 2021 08:49

Document Script Tags

	<Head>
	<meta charSet='utf-8' />
	<script
	async
	src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
	/>
	<script
	dangerouslySetInnerHTML={{
	__html: `window.dataLayer = window.dataLayer \|\| [];
	function gtag(){dataLayer.push(arguments);}

DopamineDriven / _document.tsx

Created June 7, 2021 08:47

document tsx

	import Document, {
	Head,
	Html,
	Main,
	NextScript,
	DocumentContext,
	DocumentProps,
	DocumentInitialProps
	} from 'next/document';
	import { GA_TRACKING_ID } from '@/lib/analytics';

DopamineDriven / analytics.ts

Created June 7, 2021 08:46

final-analytics-code

	export const GA_TRACKING_ID =
	process.env.NEXT_PUBLIC_GA_TRACKING_ID ?? '';

	export const pageview = (url: URL) => {
	window.gtag('config', GA_TRACKING_ID, {
	page_path: url
	});
	};

	export const event = (

DopamineDriven / event-params.ts

Created June 7, 2021 08:45

EventParams

DopamineDriven / event-names.ts

Created June 7, 2021 08:44

Event Names