這次主題簡易介紹如何建立Google Analytics(以下簡稱GA)以及使用Google Tag Manager(GTM)這個工具.
GA的部份-單純說明Tracking code(追蹤碼)的產生. 由於GA內容太廣泛, 所以並不在此主題中描述.
GTM的部份-說明如何在網站中安裝好追蹤碼, 然後使用設定代碼/變數/觸發條件, 來將Visitors的操作軌跡資訊,利用事件的轉發到第三方服務GA / 或是Google AdWords…等等.
使用的環境是:Wordpress(WP)所架設的網站. 除了直接在主機內加入代碼, 也可以在WP後台中安裝外掛,搜尋[Google Tag Manager for WordPress]安裝啟動後就可以了!
GA-追蹤碼的產生
在使用Google提供的任何服務是需要一組帳號,這裡就不描述如何申請了!
點選上方的連結進入GA網站並且登入帳號之後, 就會顯示如下圖示, 直接按下[開始測量]就開始申請追蹤碼了.
帳戶名稱:隨意自訂名稱.
其他4項可依自己的需求選擇, 然後接下一步.
如果單純只有網站, 預設就可以了, 然後接下一步.
網站名稱與網站網址這二項都是必填欄位, 然後按建立.
以下二項都核選就可以了,然後按下[我接受]的按鈕.
以下可以依自己的喜好選擇.
最後就會產生一組追蹤碼UA-XXXXXX-X.
GTM-代碼管理工具
在登入上方連結之後, 就可以按一下中間位置來建立帳戶了.
前二個紅色框的欄位都是需要提供的.第三個紅色框為選擇目標廣告平台-網路
勾選紅色框, 然後下[是].
需要把下面二段JS code加入到主機中.
主機路徑:public_html\wp-content\themes\XXX\header.php, 其中XXX為當前使用的佈景主題名稱.
溫馨提醒:所有變更佈景主題文件的修改, 請在子佈景主題中操作. 也可以參考如何建立子佈景主題這篇文章.
分別在<head>與<body>這二個標籤後方加入各自的代碼.
回到GTM的環境, 在工作區–>總覽裡, 按下[新增代碼],就會出現如下畫面.
代碼類型:Google Analtytics(分析):通用Analytics(分析)
然後設定裡選擇-新增變數
此時輸入在GA環境產生的追蹤碼就可以了.左上角的變數名稱可以隨意自訂, 最後按下儲存就回到前一個畫面.
在代碼的畫面中, 還需要設定觸發條件,選擇-[All Pages]!
最後別忘了回到GTM環境中一開始的畫面中, 按下右上方的[提交]按鈕. 這樣子才能結合GA的服務.
回到GA的環境, 就可以開始操作了解使用者的軌跡了!
