Google Analytics 事件設定 – 使用 WordPress 外掛加入事件追蹤碼

內容目錄

Toggle

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略，Google Analytics 事件設定方式是 GA 資料分析中相當重要的環節，同時也是評估網站成效的重要指標，而運作原理就是在網站中將瀏覽者操作的特定動作指定為事件，當操作符合事件觸發的條件時，就會在 GA 中顯示數據，以本篇文章中的例子，筆者在網站側邊欄加入網站設計八折優惠的宣傳圖片，並設定當使用者點擊圖片進入到優惠頁面時將計算為一次事件，之後在 GA 中就可以追蹤此事件成效，做為行銷策略改善的依據。

另一方面對許多對程式碼不熟悉的 WordPress 站長而言，要如何在網站中加入事件追蹤參數讓資料可以回傳到 GA ，是一件相當複雜的事情，因此鵠學苑特別寫了此篇教學文章，只要安裝 WP Google Analytics Events 外掛，再將對應的參數填入，就能完成點擊事件追蹤的動作，也是 Google Analytics 教學 系列中的補充說明。接下來跟著鵠學院的腳步，讓我們開始學習吧！

WP Google Analytics Events 下載點
https://tw.wordpress.org/plugins/wp-google-analytics-events/
Google Analytics 事件簡介
https://support.google.com/analytics/answer/1033068?hl=zh-Hant

加入 GA 追蹤碼及 WP Google Analytics Events 外掛設定

第一步：在 GA 資源中找到追蹤 ID 及全域網站代碼。

第二步：在網站主題編輯器中的 header.php <head></head>之間加入全網域代碼，請注意，此步驟一定要確認加入，在後面外掛設定項目中會有所關聯。

第三步：在外掛安裝介面輸入 WP Google Analytics Events 搜尋，按照下圖安裝並啟用。

第四步：在 General Settinng 加入追蹤 ID （UA-xxxxxxx），因為已經將追蹤碼加入到 header.php 中，因此 Don’t add the GA tracking code 這個選項要打勾，完成後點選儲存按鈕。

第五步：在想要追蹤點擊的區域設定 CSS ID 的值，下圖是以 Elementor 設定的方式，如果是以 HTML 建立的連結，則可以設定為 id=””，可以參考 W3cschool。

第六步：在 Click Tracking 頁籤中做事件參數設定，以下說明：

Element Name：元素名稱，ID 的值。
Type：ID 或 class，通常使用 ID ，因為 ID 才具有唯一識別性。
Event Category：事件分類，可使用中文，會顯示在 GA 報表中。
Event Action：點擊只能輸入 click。
Event Label：事件標籤，可使用中文，會顯示在 GA 報表中，通常會與事件分類相同。

GA 設定目標流程

第一步：完成網站設定後，必須要到資料檢視中的目標選項中輸入剛剛設定的事件參數，首先在建立目標的第一步驟選擇自訂。

第二步：目標說明中的名稱輸入易於辨認的中文，類型選擇事件。

第三步：目標詳情中類別、動作、標籤分別對應網站設定的 Event Category 、Event Action、 Event Label，完成後點選儲存。

第四步：勾在網站上測試點擊，如果成功在 GA 即時報表中的事件就會出現剛剛設定的點擊事件。

第五步：之後可以在行為中找到已觸發事件的相關數據。

結語：

Google Analytics 也可以設定除了點擊外的其他事件觸發方式，比如說送出表單、滾動畫面、下單購買等，詳細的設定方式在之後的 GA 事件教學會有另外的文章做說明，因此不要忘記在右側訂閱鵠學苑電子報，確保收到最新 WordPress 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到鵠崙設計做線上免費諮詢喔！我們下次的教學見～