【網站分析教學】GTM教學(四):如何觸發點擊按鈕-電商必裝!

1901807 每日_工作區域 1
很高興又來到GTM的教學時間啦!今天要教大家的是如何追蹤「點擊按鈕」,比如「加入購物車」、「加入願望清單」、「購買」等等的按鈕,讓你可以將訪客對網站的使用情況解析的更透徹哦!話不多說,讓我們接著往下看吧!

本篇主要教如何設定觸發條件,代碼的部分在前兩篇都有教學,大家可以透過傳送門去觀看哦~
傳送門:任何規模的企業都適用的GTM教學
傳送門:GTM教學(一):如何加入Google Analytics追蹤代碼
傳送門:GTM教學(二):如何加入Facebook Pixel及事件追蹤碼

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

我們以光曜展示網站的三種按鈕為範例:加入購物車、購買

加入購物車

一:首先開啟網站進入開發人員模式,有兩種方式:

1.按滑鼠右鍵點檢查
2.按鍵盤快捷鍵F12

二:找到「加入購物車」按鈕,使用選取元素(有滑鼠圖案的)

三:找到「Class=」這一段程式碼

你可以點兩下複製整段內容,也可以只截取其中「不重複」的一段。比如:複製「add_to_cart」跟複製「button product_type_simple add_to_cart_button ajax_add_to_cart」效果是一樣的;但如果複製「button」或「product」就會導致觸發條件大量重複而出錯。

四:到GTM代碼管理工具新增觸發條件,觸發條件內容選擇「點擊-僅連結」
五:啟動時機選「部分的連結點擊」,變數選擇「Click Classes」
如果預設沒有可以在選擇內建變數的最底下找到。
六:最後再貼上第三步取得的程式碼就可以囉!

購買

一二步驟與加入購物車相同,我們直接跳過~
三:這一步驟教大家一個常見的問題
如果按照之前的做法複製「Class=」這一段程式碼,可以看到程式碼只有短短的「button alt」而已
那麼再回到購物車頁面的開始結帳按鈕,我們注意Class裡面的程式碼,是不是也有一段「button alt」呢?

這樣在追蹤按鈕點擊時系統會將「開始結帳」與「購買」的點擊次數合併計算,就會導致數據的不正確哦!所以我們最好的做法就是取另一段程式碼來判定,比如說「id=place_order」

四、五、六:回到GTM代碼管理工具新增觸發條件
這一次我們的變數要選擇「Click ID」,最後在貼上程式碼就可以囉!
以上就完成了按鈕點擊的觸發條件了!接下來就只要設定相對的代碼就好囉~是不是Hen簡單呢?如果還有什麼轉換事件希望獲得教學的,歡迎在底下新增迴響,或是到粉絲團留言,我們會在整理成一篇文章發給大家哦!

如果喜歡的話請幫我們到「光先生」粉絲團按讚分享,或訂閱我們的Youtube頻道,我們每周一、三會更新部落格文章,每周五發布影片哦!

「以不一樣的思維進行廣告行銷,進而認同品牌價值」,
立志讓更多人知道原來廣告行銷也可以這麼好玩!!

每日學,文章推廣

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

發表留言