2022/07/07

如何串接Blogger追蹤碼至Google Analytics (分析) 4

           No comments   
How-to-link-Blogger-tracking-code-to-Google-Analytics(GA)

　　GA是什麼呢？妳可以把網站想成是一間無人商店，GA就是監視器，會記錄下所有到過這間店的客人樣貌，他在妳店裡面做了什麼事情，他對什麼比較有興趣，這些記錄下來的資訊，經過評估之後，妳就可以知道哪些商品會比較熱銷，會更清楚未來的走向。
　　目前的GA分析是使用通用 Analytics ，不過它將在 2023 年 7 月 1 日後就不能繼續使用，因此現在有一段時間必須從通用轉為 GA4 ，如果已經有設定過通用，我想轉移上應該不會有太多困擾，但如果妳從沒設定過的話，那按照下方步驟就可以輕易完成，很簡單的😏，因為我就是這樣設定好的哈哈，那我們就開始吧~



    開始設定前的準備項目


    1. 要串接的Blogger網址：從Blogger後台左下角的瀏覽網誌打開就可以複製了。
    2. 使用的Google帳號：不會被顯示出來，所以可以用個人的，但也可以新建一個使用喔。


    GA帳戶設定


    如果已經有設定好帳戶可以略過這個步驟，直接進入GA資源設定

    1. 進入 Google Analytics(GA) 後台
    2. 點選左下角小螺絲圖示進入管理頁面

      GA後台管理按鈕
    3. 點擊    + 建立帳戶   
    • 輸入帳戶名稱 (最少需要3個字元)
    GA後台建立帳戶









    • 下方的帳戶資料共用設定可視自己狀況選擇，基本上下方3個都要選，第一個的可以自行評估
    • 完成點擊下一個
    • 從下一個標題 ↓ GA資源設定的第4點繼續設定


    GA資源設定


    1. 進入 Google Analytics(GA) 後台
    2. 點選左下角小螺絲圖示進入管理頁面
    3. 點擊    + 建立資源   
    4. 資源名稱建議取要串接的網站名稱，以免未來有增加時搞混，最少需要4個字元
      GA後台建立資源

    5. 確認下方的時區和貨幣，這兩個項目後續還能進行修改


    　 -----------  這邊先不要急著點擊下一步，繼續以下步驟  -----------


    1. 點選藍底字的「顯示進階選項」
    2. 開啟「建立通用 Analytics (分析) 資源」
      建立通用 Analytics (分析) 資源
    3. 下方會顯示警告說明
      通用 Analytics (分析) 資源將於 2023 年 7 月 1 日起停止收集資料。建議 您改為建立 Google Analytics (分析) 4 資源。
    4. 但目前Blogger後台串接還是使用通用，所以下方選項只要選擇第一個「建立 Google Analytics (分析) 4 和通用 Analytics (分析) 兩種資源」
    5. 繼續輸入要串接的Blogger網址，因為前面已經有https://的選項，所以記得要刪掉噢
    6. 點選下一步
    7. 設定提供商家相關資訊，這個按照自己實際狀況填答就可以了
    8. 點選建立並接受服務條款合約



    設定Blogger追蹤 ID ( UA )

    1. 接續上方步驟
    2. 找到其他設定的第一格 <∙∙∙> 打開
    3. 複製已連結的代碼，代碼格式為UA-XXXXXXXXX-X
      ( 若未複製可在資源的標題找到 )
      GA後台追蹤 ID


    4. 進入Blogger後台，點選左下角「設定」按鈕
    5. 找到標題「Google Analytics (分析) 資源 ID」

      Blogger追蹤 ID

    6. 將剛剛複製的代碼貼上並儲存


    備份/還原Blogger網站設定

    *** 在進行操作前一定要先備份，失敗了才能夠無痛還原噢 ***

    1. 進入Blogger後台，進入主題
      備份Blogger網站設定
    2. 點選自訂旁邊的向下按鈕 → 選擇「備份」  → 下載

      備份Blogger網站設定

      備份Blogger網站設定

    還原方式：
    1. 進入Blogger後台，進入主題
    2. 點選自訂旁邊的向下按鈕 → 選擇「還原」 → 上傳備份的檔案
      還原Blogger網站設定


    設定Google Analytics (分析) 4 資源


    按照上述的操作步驟，舊的GA資源已經自動與 GA4 連結，因此我們只需要將 UA 代碼也放進 GA4 的資源中就可以了。
    1. 進入 Google Analytics(GA) 後台
    2. 選擇管理設定
    3. 資源 (追蹤 ID 為 UA 開頭的)
    4. 複製 ID 代碼
    5. 到GA4資源 → 資料串流 → 選擇串流
    6. 找到下方的資料設定 → 管理已連結的網站代碼

    7. 貼上UA代碼點擊連結，可以設定別名，不過為選填可填可不填


    設定GA4 Blogger全域網站代碼 ( gtag.js )

    1. 進入 Google Analytics(GA) 後台
    2. 按照以下流程進入( 管理設定 → GA4資源  → 資料串流 → 串流 → 選擇串流 )

    3. 進入「代碼設定操作說明」，複製 全域網站代碼 (gtag.js) 下方的HTML程式碼，點擊右側的複製圖示

    4. 進入Blogger後台，進入主題
    5. 點選自訂旁邊的向下按鈕→選擇「編輯HTML」
      Blogger編輯HTML

    6. 隨便點擊一列，按下Ctrl + F (搜尋)
    7. 上排會出現一排「Search」，在欄位中輸入：<head>，按下Enter
      Blogger HTML搜尋

    8. 找到被標示為黃底的 <head>
    9. 在<head>右側按下Enter加開一行
    10. 貼上剛剛複製的全域網站代碼
    11. 點擊右上角儲存
      Blogger html儲存


    確認Blogger的GA是否串接完成


    1. 選擇資源 (UA-XXXXXXXXX-X)
    2. 點選追蹤資訊
    3. 點選追蹤程式碼
    4. 點選狀態中的 傳送測試流量
      GA後台傳送測試流量

    5. 確實有顯示活躍者
    6. 也別忘了使用 GA4 資源看看有沒有流量
      (從後台進入的上方列就可以篩選)

    7. 設定完成

    沒有的話可以再回頭重新設定看看
    可能不小心忽略哪一個步驟了~


    GA帳戶/資源設定錯誤移除方式


    • 帳戶→帳戶設定→丟進垃圾桶→丟棄帳戶
    • 資源→資源設定→丟進垃圾桶→移至[垃圾桶]
    垃圾桶會保留35天後才真正刪除
    所以如果誤刪還可以救的回來的噢~

    0 Comments:

    張貼留言