diff --git a/package-lock.json b/package-lock.json
index 5247d8c..4f696fa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,6 +36,7 @@
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.3",
+ "@types/gtag.js": "^0.0.19",
"@types/leaflet": "^1.9.0",
"@types/node": "^18.11.18",
"@types/prettier": "^2.7.2",
@@ -581,6 +582,12 @@
"integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==",
"dev": true
},
+ "node_modules/@types/gtag.js": {
+ "version": "0.0.19",
+ "resolved": "https://registry.npmjs.org/@types/gtag.js/-/gtag.js-0.0.19.tgz",
+ "integrity": "sha512-KHoDzrf9rSd0mooKN576PjExpdk/XRrNu4RQnmigsScSTSidwyOUe9kDrHz9UPKjiBrx2QEsSkexbJSgS0j72w==",
+ "dev": true
+ },
"node_modules/@types/json-schema": {
"version": "7.0.11",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -6328,6 +6335,12 @@
"integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==",
"dev": true
},
+ "@types/gtag.js": {
+ "version": "0.0.19",
+ "resolved": "https://registry.npmjs.org/@types/gtag.js/-/gtag.js-0.0.19.tgz",
+ "integrity": "sha512-KHoDzrf9rSd0mooKN576PjExpdk/XRrNu4RQnmigsScSTSidwyOUe9kDrHz9UPKjiBrx2QEsSkexbJSgS0j72w==",
+ "dev": true
+ },
"@types/json-schema": {
"version": "7.0.11",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
diff --git a/package.json b/package.json
index b1db53f..e9676a0 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
},
"devDependencies": {
"@tailwindcss/forms": "^0.5.3",
+ "@types/gtag.js": "^0.0.19",
"@types/leaflet": "^1.9.0",
"@types/node": "^18.11.18",
"@types/prettier": "^2.7.2",
diff --git a/src/README.md b/src/README.md
index 5db113d..4fb54f6 100644
--- a/src/README.md
+++ b/src/README.md
@@ -195,6 +195,16 @@ npx prisma db push
> Note: The demographic questions will not populate because they are hard-coded in the SQL migrations.
+# Add Google Analytics Environment variable
+
+- In the .env file add
+
+```
+NEXT_PUBLIC_GA_ID = {MyGoogleAnalyticsID}
+```
+
+- This will enable google analytics on the site
+
# Working with prisma
When the data model changes, run the following to update your local database with the latest migrations
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
new file mode 100644
index 0000000..ea5934a
--- /dev/null
+++ b/src/pages/_document.tsx
@@ -0,0 +1,32 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+// Importing the Google Analytics Measurement ID from the environment variable
+const gaTag = process.env.NEXT_PUBLIC_GA_ID ?? "";
+const gtag = `https://www.googletagmanager.com/gtag/js?id=${gaTag}`;
+export default class MyDocument extends Document {
+ render() {
+ return (
+
+
+ {/* Google Analytics Measurement ID*/}
+
+
+
+
+
+
+
+
+ );
+ }
+}