Steven最近與Hahow好學校合作的線上課程上線囉！
期待在課程與你相見😊  https://hahow.in/cr/tagmanager
.
先前曾經於如何用Google Analytics埋設點擊事件中提到如何在按鈕上運用超連結追蹤事件，除了超連結外我們還可以使用按鈕上的元素(看工程師埋什麼)、ID或是文字來進行設定，但當如果工程師在按鈕上沒有設定元素或文字，或是明明設定了卻沒辦法觸發時該怎麼辦呢？今天就來學習進階方法-使用符合CSS選擇器進行快速埋設！

什麼是符合CSS選擇器？

我們都知道HTML是用來描述網頁的架構與內容，CSS則是用來描述元素中的樣式，像是：顏色、大小、字體等等，而CSS選擇器(CSS Selector)是一種元素定位的方法，前端工程師使用CSS Selector來設置網頁上每個元素的樣式，不管那個元素的位置有多複雜，只要使用CSS Selector就能夠精準定位到頁面上的元素，換句話來說，使用GTM埋設按鈕事件時也會相當精準，因為必須完全符合。

設定GA按鈕事件

首先到GTM後台新增代碼，用GA埋元素的點擊按鈕，因此我們命名為GA點擊所有元素(當然你想怎麼命名都行)，並且代碼類型選擇GA通用分析、追蹤類型選擇事件，下方參數填入的文字依序為事件類別：Button、動作：Click、標籤：Click Element。

這次我們使用網站上選單的「網站分析」按鈕做測試，首先，對著該按鈕點選右鍵的檢查

接著在按鈕上會看到一些元素可以使用，但今天我們使用另一個方法，在元素上再點選右鍵選Copy→Copy Selector

接著回到GTM後台新增觸發條件，選擇點擊-所有元素，啟動時機使用Click Element、選擇符合CSS選擇器、最後面要符合什麼呢？就是符合CSS Selector上定位到的元素，因此把剛剛複製的東西整個完整貼上即可！

一樣使用預覽工具檢查做確認，當點擊按鈕時顯示代碼有被觸發就代表大功告成囉！

是不是很簡單呢？如果你有什麼想法或疑問歡迎於下方留言給我，我們下篇文章見:-)