#16 add analytics to website

chraebsli · Oct 8, 2023 · 04e438b · 04e438b · vercel · Oct 8, 2023
1 parent 0620606
commit 04e438b
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 45 deletions.
diff --git a/README.md b/README.md
@@ -1 +1,16 @@
-# portfolio
+# Portfolio
+
+This is my personal portfolio website. It is built with [React](https://reactjs.org/). It is hosted on [Vercel](https://vercel.com/).
+
+## Setup
+
+### Secrets
+
+1. Download the [Doppler CLI](https://docs.doppler.com/docs/install-cli)
+2. Login to Doppler via the CLI: `doppler login`
+3. Configure Doppler with `doppler setup`
+
+## Run Project Locally
+
+1. Install dependencies: `npm install`
+2. Run the project with the doppler secrets: `npm run start`
diff --git a/doppler.yaml b/doppler.yaml
@@ -0,0 +1,3 @@
+setup:
+  project: portfolio
+  config: dev
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
 	"version": "2.0.0",
 	"private": true,
 	"scripts": {
-		"start": "react-scripts start",
+		"start": "doppler run -- react-scripts start",
 		"build": "react-scripts build",
 		"test": "react-scripts test",
 		"eject": "react-scripts eject",
@@ -49,7 +49,6 @@
 		"react-router-dom": "^6.12.0",
 		"react-scripts": "^5.0.1",
 		"sass": "^1.54.9",
-		"swiper": "^8.4.2",
 		"typescript": "^4.8.3"
 	},
 	"devDependencies": {

diff --git a/public/index.html b/public/index.html
@@ -12,11 +12,9 @@
 
 <body>
 <div id="root"></div>
-</body>
 
-<!-- TODO: update gtag -->
 <!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-GDTQQ9VBR2"></script>
+<script async src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_GA_TRACKING_ID%"></script>
 <script>
 	window.dataLayer = window.dataLayer || [];
 
@@ -26,6 +24,11 @@
 
 	gtag("js", new Date());
 
-	gtag("config", "G-GDTQQ9VBR2");
+	gtag("config", "%REACT_APP_GA_TRACKING_ID%");
 </script>
+
+<!-- Digistats.ch -->
+<script data-host="https://digistats.ch" data-dnt="false" src="https://www.digistats.ch/js/script.js" id="%REACT_APP_DIGISTATS_ID%" async defer></script>
+</body>
+
 </html>
diff --git a/vercel.json b/vercel.json
@@ -21,7 +21,7 @@
 				},
 				{
 					"key": "Content-Security-Policy",
-					"value": "default-src 'self' https:; form-action 'self' script.google.com; script-src 'self' 'unsafe-inline' www.googletagmanager.com; img-src 'self' data:; font-src 'self' data: fonts.googleapis.com; style-src 'self' 'unsafe-inline' fonts.googleapis.com; connect-src 'self' vitals.vercel-insights.com;"
+					"value": "default-src 'self' https:; form-action 'self' script.google.com; script-src 'self' 'unsafe-inline' www.google-analytics.com vercel.live www.digistats.ch www.googletagmanager.com; img-src 'self' data:; font-src 'self' data: fonts.googleapis.com; style-src 'self' 'unsafe-inline' fonts.googleapis.com; connect-src 'self' vitals.vercel-insights.com *.google-analytics.com digistats.ch;"
 				},
 				{
 					"key": "Permissions-Policy",