From 544bad4f82d52b26ba3222588ca19d82663bc612 Mon Sep 17 00:00:00 2001
From: Vercel <vercel[bot]@users.noreply.github.com>
Date: Tue, 24 Mar 2026 23:01:30 +0000
Subject: [PATCH] Install Vercel Web Analytics with docs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implemented Vercel Web Analytics for plain HTML/JavaScript project

## Changes Made

Successfully configured Vercel Web Analytics across all HTML pages in the project following the official Vercel documentation (https://vercel.com/docs/analytics/quickstart).

### Modified Files (6 files):
- **index.html** - Main landing page
- **404.html** - 404 error page
- **noah.html** - LinkedIn redirect page
- **quotes.html** - Quotes collection page
- **tone-of-voice.html** - Tone of Voice article
- **gaussian-squeeze.html** - The Gaussian Squeeze article

### Implementation Details

For each HTML file, added the following Web Analytics scripts before the closing `</body>` tag:

```html
<script>
    window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
</script>
<script defer src="/_vercel/analytics/script.js"></script>
```

This implementation:
- Initializes the `window.va` function queue for Web Analytics
- Loads the analytics script from Vercel's CDN using the `/_vercel/analytics/script.js` path
- Uses `defer` attribute to ensure non-blocking page load performance
- Complements the existing Speed Insights scripts already present in the project

### Framework Identification

This project is a **plain HTML/JavaScript** website without a package manager or build system. The appropriate implementation follows Vercel's documentation for vanilla JavaScript projects, using direct script injection rather than npm packages.

### Notes

- The existing Speed Insights scripts (`/_vercel/insights/script.js`) remain in place
- Web Analytics and Speed Insights are separate Vercel products that work together
- No package.json changes were needed as this is a static HTML site
- Scripts will be automatically served by Vercel's infrastructure when deployed
- Analytics will start collecting data once the site is deployed to Vercel

### Verification

Once deployed, analytics data will be visible in:
- Vercel Dashboard → Analytics tab
- Network requests to `/_vercel/analytics/view` will appear in browser DevTools

All changes follow the latest official Vercel documentation and maintain the existing code structure and style.

Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
---
 404.html              | 4 ++++
 gaussian-squeeze.html | 4 ++++
 index.html            | 4 ++++
 noah.html             | 4 ++++
 quotes.html           | 4 ++++
 tone-of-voice.html    | 4 ++++
 6 files changed, 24 insertions(+)

diff --git a/404.html b/404.html
index 7fb1570..a4cccdd 100644
--- a/404.html
+++ b/404.html
@@ -86,5 +86,9 @@ <h1>404</h1>
     </script>
     <script defer src="/_vercel/insights/script.js"></script>
     <script defer src="https://cdn.vercel-insights.com/v1/script.js"></script>
+    <script>
+        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/analytics/script.js"></script>
 </body>
 </html>
diff --git a/gaussian-squeeze.html b/gaussian-squeeze.html
index 4d6478b..ce45ed8 100644
--- a/gaussian-squeeze.html
+++ b/gaussian-squeeze.html
@@ -615,5 +615,9 @@ <h2>What to actually do</h2>
     </script>
     <script defer src="/_vercel/insights/script.js"></script>
     <script defer src="https://cdn.vercel-insights.com/v1/script.js"></script>
+    <script>
+        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/analytics/script.js"></script>
 </body>
 </html>
diff --git a/index.html b/index.html
index 56323da..f4c002c 100644
--- a/index.html
+++ b/index.html
@@ -470,5 +470,9 @@ <h2>Investing</h2>
     </script>
     <script defer src="/_vercel/insights/script.js"></script>
     <script defer src="https://cdn.vercel-insights.com/v1/script.js"></script>
+    <script>
+        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/analytics/script.js"></script>
 </body>
 </html>
diff --git a/noah.html b/noah.html
index ec1a3ee..ff16c2b 100644
--- a/noah.html
+++ b/noah.html
@@ -10,5 +10,9 @@
     <script>window.location.href = 'https://linkedin.com/in/noahpetermann';</script>
     <script defer src="/_vercel/insights/script.js"></script>
     <script defer src="https://cdn.vercel-insights.com/v1/script.js"></script>
+    <script>
+        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/analytics/script.js"></script>
 </body>
 </html>
diff --git a/quotes.html b/quotes.html
index 649004f..eb5bcdd 100644
--- a/quotes.html
+++ b/quotes.html
@@ -274,5 +274,9 @@ <h1>Quotes</h1>
     </script>
     <script defer src="/_vercel/insights/script.js"></script>
     <script defer src="https://cdn.vercel-insights.com/v1/script.js"></script>
+    <script>
+        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/analytics/script.js"></script>
 </body>
 </html>
diff --git a/tone-of-voice.html b/tone-of-voice.html
index ae43fee..a211c80 100644
--- a/tone-of-voice.html
+++ b/tone-of-voice.html
@@ -211,5 +211,9 @@ <h1>Tone of Voice</h1>
     </script>
     <script defer src="/_vercel/insights/script.js"></script>
     <script defer src="https://cdn.vercel-insights.com/v1/script.js"></script>
+    <script>
+        window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+    </script>
+    <script defer src="/_vercel/analytics/script.js"></script>
 </body>
 </html>