AutoEvent裡面「ElementAttribute」用來追蹤元素屬性，像是圖片的ALT、其他按鈕的屬性，只要有辦法更改到html，基本上就有辦法用AutoEvent抓取資料。
使用情境像是，例如官網有很多張Banner，你可能會想想知道哪一張Banner被點擊最多次，以利下次活動優化，這個變數這時候就可以派上用場。也適用在「APP手遊」、「多文件下載」等網頁，做出事件區分，以利數據人員後續優化。
今天介紹的「自動事件變數」，裡面的變數類型很多，但有一些GTM已經有其他的內建變數可以取代。我就只挑比較特別的「元素屬性」來做介紹。
本篇較為進階，如果你是初學者，建議可以先從前面的內容慢慢看回來。本篇的教學也可以透過CSS選取器進行實務的操作，如果你想要知道怎麼用CSS Selector的，可以看這一篇「GTM基礎教學-CSS SELECTOR抓取表格值」
新增GTM變數
開啟GTM，前往GTM的左側選單，點選變數，並新增一個「自動事件變數」。
選擇元素屬性
點選元素屬性後，在下方輸入alt。
(對應Html中的屬性，詳見範例說明)
其他延伸應用，如果有其他屬性，也可以在這邊輸入，例如「CAR=”123”」CAR為KEY值，因此屬性名稱就填入CAR即可。
預覽測試
填入完成後，即可預覽測試，查看GTM是否有抓到對應的Value，圖片中顯示的”kiwi”值，代表已經成功讀取。自動事件可以追蹤到Html中的屬性值，後續再把屬性值回拋給GA4，也可以變成GA4的電子商務資料回傳。如果你也想知道GA4的電子商務資料追蹤，可以看「GA4電子商務資料追蹤埋設大全1 – VALUE值抓取。」
自動事件的類型介紹
以下是其他GTM – AutoEvent的變數類型補充。有一些GTM內建就已經有包含，所以我會額外附註「可替代」。個人最推薦的就是使用元素屬性!
- 元素(Element) => (可替代) 點擊元素Click Element
- 元素類型(ElementType) => 對應Html標籤
- 元素屬性(Element Attribute)=> 對應Html標籤屬性
- 元素ID(Element ID)=>(可替代) 點擊ID Click ID
- 元素目標(Element Target)=> 對應網頁開啟目標
- 元素文字(Element Text)=> (可替代) 點擊文字Click Text
- 元素網址(Element Url)=> (可替代) 點擊網址Click Url
GTM的元素屬性，不需要學會之前講的CSS選擇器，只需要懂基本的KEY,VALUE就好，所以如果你是剛接觸GTM的新手，不妨可以了解一下這個變數的強大！
更多文章
Looker Studio
- Looker Studio教學｜Looker Studio 公式｜電商指標
- Looker Studio教學｜5個Looker Studio 混和資料功能
- Looker Studio 教學｜指標維度是甚麼
- Looker Studio 教學｜數據工程師帶你從0學Looker Studio
- Looker Studio教學｜導入臉書廣告數據｜Adveronix 免費工具
GA4
- GA4教學｜ 數據保留多久? 延長GA4數據保留時間?
- GA4教學｜Measurment Protocol 實例
- GA4教學｜GA4 如果有Not Set該怎麼辦
- GA4教學｜GA4閾值門檻｜GA4資料不正確
- GA4教學｜GA4常見來源判定順序
- GA4教學｜如何處理GA4重複事件
- GA4教學｜自訂探索報表使用解說介紹｜洞察來源unassigned
- GA4教學｜GA4報表出現Unassigned如何解決
- GA4教學｜排除金物流網域｜Referrer必備知識
- GA4教學｜ 一定要知道的GA4資料設定
GTM
- GTM教學｜GTM觸發條件常失敗
- GTM教學｜設定 Consent Mode 同意聲明模式
- GTM教學｜GTM問題總整理
- GTM教學｜設定臉書像素｜常見Meta問題總整理
- GTM教學｜WordPress表單驗證事件｜GA4追蹤教學
- GTM教學｜手動設定GCP SERVER伺服器配置
- GTM教學｜臉書像素重複事件怎麼解決
- GTM教學｜GTM常用變數中文解說
- GTM教學｜伺服器追蹤｜自訂網域追蹤
- GTM教學｜伺服器追蹤教學4｜Http解說
- GTM教學｜追蹤來自部落格轉換成效
- GTM教學｜伺服器追蹤教學3 | Facebook轉換Capi設定
- GTM教學｜伺服器追蹤教學2 | GA4事件設定
- GTM教學｜伺服器追蹤教學 | 伺服器配置設定
- GTM教學｜Tiktok廣告電子商務埋設大全3｜廣告代碼埋設
- GTM教學｜Tiktok廣告電商埋設2
- GTM教學｜廣告電商埋設1｜電商必要參數抓取
- GTM教學｜電商埋設5｜GA4電商埋設
- GTM教學｜電子商務埋設大全4｜GA4電子商務完整埋設
- GTM教學｜GTM電商埋設3｜抓取ItemName
- GTM教學｜GTM電商埋設2｜抓取ItemID
- GTM教學｜電商埋設1｜抓取Value
- GTM教學｜提升廣告成效｜Adblocker阻擋原理
- GTM教學｜GTAG部署方式三大整理
- GTM教學｜Google Ads 強轉換 | 購買金額
- GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
- GTM教學｜AutoEvent追蹤使用者點選的圖片
- GTM教學｜CSS Selector抓取表格的值
- GTM教學｜了解網站熱門頁面｜GTM追蹤點擊事件
- GTM教學｜埋設事件｜確認GA4有無收到事件
- GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
- GTM教學｜3分鐘檢查GA4事件重複錯誤
- GTM教學｜GA4電子商務事件埋設範本
- GTM教學｜DOM抓取電商中的轉換價值
- GTM教學｜新的GTM容器一定要做這設定
- GTM教學｜設定GA4事件大全
- GTM教學｜推薦GTM範本｜全新DataLayer寫入方式
- GTM教學｜網站計時器埋設｜抓出使用者進站停留時間
- GTM教學｜如何辨別是否網站為SPA站
- GTM教學｜名單型網站追蹤｜Thankyou Page 填寫表單事件
- GTM教學｜網站通話追蹤｜臉書私訊、加LINE
- GTM教學｜自訂網址追蹤｜不是只有「UTM」才能做網址追蹤
BigQuery
- BigQuery教學｜BigQuery預測GA4數據
- BigQuery教學｜視覺化報表怎麼製作
- BigQuery教學｜基礎必備語法｜免費BigQuery資料導入
- BigQuery教學｜串接BIgQuery | BIgQuery費用