Google Analytics 教學 – WordPress 加入 GA 追蹤碼 (主題與外掛)

Google Analytics 教學 – WordPress 加入 GA 追蹤碼 (主題與外掛)內容綱要:

1. 註冊 Google Analytics 步驟教學

2. WordPress 主題編輯器與外掛安裝 GA 追蹤碼教學

WordPress 加入 GA 追蹤碼 最主要的目的,在於讓 Google Analytic 與網站完成串接,讓 GA 能透過網頁 Cookie 與 JavaScript 的連動將使用者在瀏覽網站時的操作行為數據化,讓管理者可以透過分析使用者行為模式,找出較為完整的網站運作狀況,進而制定出後續網站經營的策略走向。

而在本次教學中,將會跟各位分享如何在 Google Analytic 中註冊取得專屬追蹤程式碼,並且提供兩種將 GA 追蹤碼加入 WordPress 網站中的方式,除了使用網站佈景主題編輯器的方式外,也提供兩套 Google Analytic 相關的 WordPress 外掛,來協助對程式語言不熟悉的站長們更好完成 Google Analytic 帳戶與網站的串接,步驟相當簡單,相信各位朋友一定很快就能上手。

Google Analytics 網站分析:https://analytics.google.com

Google Analytics 追蹤碼基本操作說明:https://support.google.com/analytics/answer/1008080?hl=zh-Hant&ref_topic=1008079

GA Google Analytics WordPress 外掛下載點:https://tw.wordpress.org/plugins/ga-google-analytics/

CAOS | Host Google Analytics Locally WordPress 外掛下載點:https://tw.wordpress.org/plugins/host-analyticsjs-local/

• 在 Google Analytics 取得追蹤碼(Tracking Code)

第一步:進入到 Google Analytic 網站中前,必須要擁有一個 Google 帳戶,在登入後會到下圖的畫面,點選下圖標示的申請按鈕。

WordPress 加入 GA 追蹤碼

第二步:帳戶設定頁面中的項目以下說明:

  1. Account Name:通常設定為英文,可以使用網站的網域名稱,比如 www.design-hu.com.tw,就輸入 design-hu,也可以自行輸入便於識別的名稱。
  2. 網站名稱:公司名稱或網站名稱,可設定中文。
  3. 網站網址:輸入首頁網址,如果説有不同語言版本的網站,請輸入主要語言的首頁網址(其他語言可以在新增)
  4. 產業類別:選擇網站相關性質的產業分類。

WordPress 加入 GA 追蹤碼

 

下圖為示範輸入的資料。

WordPress 加入 GA 追蹤碼

 

第三步:最下方為 Google Analytic 對網站資料的共用方式,建議全部勾選讓即將建立的帳戶有更完整的功能,完成後點選取得追蹤 ID 的按鈕。

WordPress 加入 GA 追蹤碼

 

條款方面在閱讀後請記得勾選下圖標示的位置,並點選我接受。

WordPress 加入 GA 追蹤碼

 

第四步:接下來會直接導向到追蹤程式碼的頁面,追蹤 ID 可以用在 WordPress 外掛,而全域網站代碼則必須編輯 WordPress PHP 檔案才能加入,將此頁面先保留,下一小節會說明如何加入。

WordPress 加入 GA 追蹤碼

• WordPress 主題編輯器及 GA 外掛加入追蹤碼方法

第一步:首先在外觀子選單中找到佈景主題編輯器並進入。

WordPress 加入 GA 追蹤碼

 

第二步:在右上角選擇當前網站啟用的佈景主題,為了不讓主題更新時將我們所做的變動內容被覆蓋,通常都會加裝子主題,並且將網站管理員的變更內內容建立在子主題中,如果你的網站有安裝子主題,就可以在其中找到 header.php 的檔案,如果沒有安裝子主題,那麼在已啟用的主題中一樣可以找到。

WordPress 加入 GA 追蹤碼

 

第三步:選中 header.php 後在<head></head> HTML 標籤的區域中,將全域網站代碼貼上,沒有絕對的位置,只要不會覆蓋掉其它程式碼,在空白處貼上即可,完成後記得點選更新檔案,如此就完成加入 GA 追蹤碼的動作。

WordPress 加入 GA 追蹤碼

 

第四步:Google Analytic 相關的 WordPress 外掛有很多,經過筆者簡役的篩選,如果只是單純要串接網站與 Google Analytic,那麼以下介紹的兩個外掛是較為簡單的。與一般安裝外掛相同,搜尋 Google Analytic 後請安裝下圖標示的 GA Google Analytic 外掛。

WordPress 加入 GA 追蹤碼

 

第五步:回到 Google Analytic 將追蹤 ID 複製下來。

WordPress 加入 GA 追蹤碼

 

第六步:在設定項目中進入 GA Google Analytic 外掛頁面,將追蹤 ID 貼上到 GA Tracking ID 的欄位中,Tracking Method 選擇 Global Site Tag(與 GA 追蹤碼的功用相同,追蹤全部網站的資料),Tracking Code Location 選擇包含在 WP_head 的位置,更新之後就完成串接了。

WordPress 加入 GA 追蹤碼

 

第七步:另外一個外掛 CAOS | Host Google Analytics Locally 也是相同的方式,以相同的概念選擇即可。

WordPress 加入 GA 追蹤碼

 

第八步:如果追蹤 ID 有正確導入網站中,過一段時間重新回到 GA 追蹤程式碼的頁面中將會出現傳送測試流量的按鈕,點選後如果另開小視窗並出現網站畫面,就代表 GA 追蹤 ID 已經正確運作。

WordPress 加入 GA 追蹤碼

WordPress 加入 GA 追蹤碼

 

 

結語:

如果對網站如何安裝子主題或者如何使用 FTP 上傳方式將將 header.php 檔案加入到子主題中做編輯, 那麼就可以使用外掛的方式來完成網站串接,以避免掉當網站主題更新時將 GA 追蹤碼一起刪除的狀況。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

Google Search Console  相關教學文章:

Search Console 教學 – Google 索引與網站收錄狀態、移除網址

Google Search Console 教學 – hreflang 標記網站指定國際目標

Google Console 教學 – 內部連結、外部連結 項目解說及外掛推薦

Google Search Console 教學 – AMP 加速行動網頁項目操作說明

Google Console 改善 HTML – Meta Title and Description 重複內容

Google Search Console 強化項目:複合式資訊卡 、行動裝置可用性及 AMP

網站架設知識推薦閱讀:

Google reCaptcha v3 發布,以後不用再點選 我不是機器人?

Google 在地商家 新增訊息功能,在 Google 地圖上即時通訊!

網站建置必看重點 – 10 個網站製作前必須了解的知識與概念!

分享在 facebook
Facebook
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top