Google Tag Manager 紀錄HTML元素進入可視區域資訊
要紀錄當HTML 特定元素進到瀏灠器可視範圍時，可透過Element Visibility 這個trigger來解決，以下為Google Tag Manager 相關設定範例，目標是抓紀錄網頁中有title屬性的元素，並將該屬性的值紀錄下來：
建立Trigger：
Trigger Type： Element Visibility
Selection Method： CSS Selector
Element Selector：[title]:not([title=''])
這裡的意思是抓取title屬性有值有的元素
When to fire this trigger： Once per element
每個符合條件的元素進入可視範圍都會觸發，觸發一次後再次進入可視區不再觸發
Minimum Percent Visible：50 percent
當元素大小有50%進入可視區才觸發
啟用內建變數： Click Element, Percent Visible, On-Screen Duration
自定變數：
GA-ID ：Google Analystic 的追蹤ID
Get-Element-Attribute-Title ：取得title屬性值
建立Tag：
Tag type： Universal Analystics(GA)
Track Type：Event
Category：可自行命名分類
Action：{{Page Path}}
Label：{{Get-Element-Attribute-Title}}
勾選 Enable overriding settings in this tag
Tracking ID： {{GA-ID}}
Trigger：選擇前面所建立的Trigger (元件進入可視區域)
