很高興又來到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簡單呢？如果還有什麼轉換事件希望獲得教學的，歡迎在底下新增迴響，或是到粉絲團留言，我們會在整理成一篇文章發給大家哦！
「以不一樣的思維進行廣告行銷，進而認同品牌價值」，
立志讓更多人知道原來廣告行銷也可以這麼好玩!!
