首頁 » 網站架設相關 » 架站教學 » [Google Analytics / Google Tag Manager]主題10:如何建立與使用?

[Google Analytics / Google Tag Manager]主題10:如何建立與使用?

這次主題簡易介紹如何建立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 Aanlytics網站

在使用Google提供的任何服務是需要一組帳號,這裡就不描述如何申請了!

點選上方的連結進入GA網站並且登入帳號之後, 就會顯示如下圖示, 直接按下[開始測量]就開始申請追蹤碼了.

帳戶名稱:隨意自訂名稱.

其他4項可依自己的需求選擇, 然後接下一步.

如果單純只有網站, 預設就可以了, 然後接下一步.

網站名稱與網站網址這二項都是必填欄位, 然後按建立.

以下二項都核選就可以了,然後按下[我接受]的按鈕.

以下可以依自己的喜好選擇.

最後就會產生一組追蹤碼UA-XXXXXX-X.

GTM-代碼管理工具

Google代碼管理工具

在登入上方連結之後, 就可以按一下中間位置來建立帳戶了.

前二個紅色框的欄位都是需要提供的.第三個紅色框為選擇目標廣告平台-網路

勾選紅色框, 然後下[是].

需要把下面二段JS code加入到主機中.

主機路徑:public_html\wp-content\themes\XXX\header.php, 其中XXX為當前使用的佈景主題名稱.

溫馨提醒:所有變更佈景主題文件的修改, 請在子佈景主題中操作. 也可以參考如何建立子佈景主題這篇文章.

分別在<head>與<body>這二個標籤後方加入各自的代碼.

回到GTM的環境, 在工作區–>總覽裡, 按下[新增代碼],就會出現如下畫面.

代碼類型:Google Analtytics(分析):通用Analytics(分析)

然後設定裡選擇-新增變數

此時輸入在GA環境產生的追蹤碼就可以了.左上角的變數名稱可以隨意自訂, 最後按下儲存就回到前一個畫面.

在代碼的畫面中, 還需要設定觸發條件,選擇-[All Pages]!

最後別忘了回到GTM環境中一開始的畫面中, 按下右上方的[提交]按鈕. 這樣子才能結合GA的服務.

回到GA的環境, 就可以開始操作了解使用者的軌跡了!

Share via:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *