前言

設定完 《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