前言

設定完 《SEO 基礎教學之一：讓 Google 搜尋得到你的網站》，讓用戶可以搜尋到你的網站之後，就要來看看自身的網站流量拉！

我自己很喜歡看，因為會很有成就感！數據帶來的成就感，也會讓你有持續寫作的動力！

google-analytics.png

像這頁，我就可以看到大家會在手把手頁面停留的分鐘數，代表大家有在認真看手把手，試著打造自己的網站，真是太感動了，你們這些小可愛～

page-view.png

所以咱們這就來設定 Google Analytics，看看自己的網站成果（流量）吧！

1. 建立 Analytics 帳戶

  1. 前往 Analytic 註冊登入

2. 建立新的 Google Analytics 4 資源

  1. 到 Analytic 管理頁，建立 > 資源

    analytics-resource.png

    資源代表來自你網站的一組資料，之後你就可以在資源中查看上面的報表。

  2. 填入基本資料

    analytics-build-resource-info.png

  3. 商家詳細資料，看你想填什麼都可以唷！

    analytics-business-info.png

  4. 業務目標：流量(想說我是想看流量 XD) > 建立

    analytics-build-resource-success.png

  5. 完成，接著點「網站」進入串流設定

    analytics-build-streaming.png

    可以跳到 新增資料串流 的 2. 新增你的網域名稱 > 建立並繼續

3. 新增串流

  1. Analytic > 新增串流 > 網站

    analytics-build-streaming-website.png

  2. 新增你的網域名稱 > 建立並繼續

    analytics-build-streaming-website-add-domain.png

  3. 點進去

    analytics-build-streaming-website-success.png

  4. 會看到 ID G-7BW79B16LM

    analytics-build-streaming-website-success-analytics-tag-id.png

  5. 回到 Github repo，在你的 config.yaml 加入 Google tag ID

    services:
  googleAnalytics:
    ID: G-XXXXXXXXX

    analytic-tag-config.png

  6. code 推上去，deploy 之後 > 查看代碼操作說明

    analytic-tag-view-code.png

  7. 手動安裝 > 測試

    analytic-tag-manual-install.png

  8. ✅ 綠勾勾就代表成功囉！

    analytic-tag-manual-install-success.png

4. 建立 Search Console 連結

  1. 前往 建立 Search Console 連結

    search-console-link.png

  2. 選擇帳戶

    choose-account.png

  3. 選擇資源

    choose-resource.png

  4. 繼續

    choose-search-console.png

  5. 提交

    review-website-and-submit.png

  6. 連結已建立

    build-connection-success.png

恭喜設定完成，等 48 hr 後收資料吧 🎉

1/3 晚上 10 點左右放上 Google Tag，2 天後 1/5 早上 10 點就看到已啟用在過去 48 小時內收集資料的功能囉！

analytics-install-success-after-48-hours.png

Reference

  1. Google Analytics 簡介

  2. [GA4] 為網站和應用程式設定 Analytics