Google Analytics

以下是將 Google Analytics 4 添加到基於 Next.js 的網站的步驟。 首先，創建一個 Google Analytics 屬性，並將屬性 ID 保存在 NEXT_PUBLIC_GOOGLE_ANALYTICS 環境變量中。 然後，在 pages/_app.js 文件中添加一個 useEffect() 調用，其代碼如下： import '/public/style.css' function MyApp({ Component, pageProps }) { return <Component {...pageProps} /> } 修改它為： import { useEffect } from 'react' import { useRouter } from 'next/router' import 'tailwindcss/tailwind.css' import '/public/style.css' function MyApp({ Component, pageProps }) { const router = useRouter() useEffect(() => { const handleRouteChange = url => { window.gtag('config', process....

很長一段時間以來，我一直使用 Google Analytics 來追蹤分析我的博客。 這是一個還算可以的解決方案。 我從來都不是很喜歡 Google Analytics 作為一個產品。它過於臃腫，擁有大量的功能，而我從未使用過，或者可能應該被隱藏起來需要一個「進階」的旗標。 但嘿，它是免費的。 但是幾天前，我將其移除了。 主要原因是，今年 Google Analytics 在我到現在為止一直在使用的格式（Universal Analytics）將被停用，而新的「Google Analytics 4」將被強制採用。 而且…千呼萬喚始出來… 🥁…對於所有舊數據，並沒有一鍵或自動轉移的選項。 是不是很瘋狂？ 這迫使我摒棄了慣性和懶散，重新尋找其他解決方案。 我試了幾種解決方案。 事實是，我從不想自托管任何服務。 我也不想為服務付費。 這個博客的瀏覽量太多了，所以任何托管解決方案都不實際。 我不能花費數百歐元每年僅僅為了查看我的網站有多少點擊。 我並不認為分析對我來說非常重要。 一開始看到有人瀏覽我的網站時，感覺很酷。有時候會有一些峰值，看看人們是從哪裡來的，等等。 我在乎的是網站是否運作良好，而不是有多少人訪問了我的網站。 這對於其他人可能是有價值的指標，但對我而言並不是很重要。 我可以假設有人訪問了網站，剩下的數量我不知道，但是5000和20000之間有什麼差別呢？還是很多人。 看到小型網站增長真的很有趣，但一旦一個網站達到了這個水平，每個月數十萬訪問者，那就…結束了。 無論如何。 我曾經考慮過完全刪除分析，但誰知道，也許將來這些數據可能會對回顧有用。 因此，我設置了一個自托管版本的 Plausible Analytics，這是一個很棒的工具，但我無法為這個博客所獲得的瀏覽量，以及我所有其他網站的瀏覽量，支付其價格。 不過作為報答，我還是支付了一年的托管計劃費用，感謝他們提供了開源且易於設置的版本。