很高興又來到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簡單呢?如果還有什麼轉換事件希望獲得教學的,歡迎在底下新增迴響,或是到粉絲團留言,我們會在整理成一篇文章發給大家哦!

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