使用GA替網站作分析

發表於 | 更新於 | 分類於 | 評論數：

Google Analytics SEO 的工具之一

title

前言

為什麼會寫這篇？
因為建立好 Hexo NexT 的 theme 之後， 加入 GA 分析可以讓自己了解到哪些屬於熱門文章，but 沒想到加入 GA 後 GA 無效，只好將 網站追蹤碼 貼入 <head> 而非使用原先 NexT 的方法，流程如下

流程

GA 申請

點擊這個連結進入申請 -> Google Analytics
title

輸入相關資料

  • Account Name: 輸入自己可以辨別的名稱
  • 網站名稱: 網站名稱
  • 網站網址: 需注意 http 及 https
  • 產類類別: 依照相關選取即可
    title

取得追蹤 ID

title

跳出同意視窗，打勾同意送出

title

成功後進入畫面

title

埋入 GA

GA埋入使用 網站追蹤碼
紅色框部分貼入 <head>

title

Hexo 埋入 GA

複製追蹤 ID(管理 > 追蹤資訊 > 追蹤程式碼)

title

將追蹤 ID 貼入 themes/next/_config.yml 第 758 行

1
2
3
google_analytics:
  tracking_id: UA-XXXXXX-1
  localhost_ignored: true

修改 google-analytics.swig 檔案

檔案路徑 : themes/next/layout/_third-party/analytics/google-analytics.swig

NexT 模板預設的 src 路徑不正確所導致需要加上 https://

1
2
3
4
5
6
7
加入前

<script async src="//www.googletagmanager.com/gtag/js?id={{ theme.google_analytics.tracking_id }}"></script>

加入後

<script async src="https://www.googletagmanager.com/gtag/js?id={{ theme.google_analytics.tracking_id }}"></script>

測試埋入結果

回到追蹤程式碼頁面，然後上面有一個傳送測試瀏覽按鈕，按下可以看結果，but 都沒回傳結果

title

將 網站追蹤碼 貼入 <head>
檔案路徑 : themes/next/layout/_partials/head/head.swig

title

重新部署到 GitHub 開啟 GitHub Pages 確認 GA 是否在 <head> 中

title

回到追蹤程式碼頁面，按下測試瀏覽按鈕看結果，測試成功

title

下篇介紹利用 GA 認證 Google Search Console 更有利於 Google 搜尋

0%