聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|GTM常用變數中文解說
GTM

GTM教學|GTM常用變數中文解說

本篇要講GTM常用內建變數:中譯+功能解說。 變數的位置在哪邊 打開你的clien容器,並點選左邊選單的「變數」。 點選右上角,紅框處的設定。打開後就會看到待會要講解的全部變數中譯+功能解說。 變數的實際位置。 網頁類 Page URL:當前瀏覽器網址 ​Page Hostname:當前瀏覽器網址的主機名稱 Page Path:當前瀏覽器網址路徑 Referrer:當前瀏覽網頁的上一網域 點擊類 Click Element:回傳點擊元件Dom選擇器 Click Classes:點擊元件的類別屬性值 Click ID:點擊元件的ID屬性值 Click Target:點擊元件的Target屬性值

本篇要講GTM常用內建變數:中譯+功能解說。

變數的位置在哪邊

打開你的clien容器,並點選左邊選單的「變數」。

點選右上角,紅框處的設定。打開後就會看到待會要講解的全部變數中譯+功能解說。

變數的實際位置。

網頁類

Page URL:當前瀏覽器網址

​Page Hostname:當前瀏覽器網址的主機名稱

Page Path:當前瀏覽器網址路徑

Referrer:當前瀏覽網頁的上一網域

點擊類

Click Element:回傳點擊元件Dom選擇器

Click Classes:點擊元件的類別屬性值

Click ID:點擊元件的ID屬性值

Click Target:點擊元件的Target屬性值 (開新分頁預覽或是直接開啟)

Click URL:點擊元件的超連結

Click Text:點擊元件的文字內容

表單類

Form Element:回傳表單Dom選擇器

Form Classes:表單的類別屬性值

​Form ID:表單的ID屬性值

Form Target:表單中的Target屬性值 (開新分頁預覽或是直接開啟)

Form URL:表單的連結

Form Text:表單的文字內容

瀏覽歷史

SPA/AJAX技術:不進行網頁跳轉,更新頁面內容

New History Fragment:新瀏覽歷史的# HashMark

Old History Fragment:上一瀏覽歷史的# HashMark

New History State:回傳當前window.history.state的物件

Old History State:回傳上一window.history.state的物件

History Source:更換歷史瀏覽的使用方法

其中包含以下四種方法 pushState / replaceState hashchange / popstate

影片類

Video Provider:播放影片的平台 (Youtube)​

Video Status:影片播放的狀態 (Start / Progress / complete) ​

Video URL:播放影片的網址

Video Title:播放影片的標頭名稱

Video Duration:播放影片的總長度 (Sec)

Video Current Time:影片目前播放的時間 (Sec)​​

Video Percent:影片播放長度(%)

​Video Visible:當使用者螢幕有涵蓋影片範圍 Returns "True"

滾動類

Scroll Depth Threshold:滾動的深度 (Number)​

Scroll Depth Units:滾動的單位 (Percent)

Scroll Direction:滾動的方向 (水平、垂直)

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
GTM 教學|Shopify 如何設定META 免費像素?
GTM

GTM 教學|Shopify 如何設定META 免費像素?

這篇會教你使用SHOPIFY 的顧客事件 (自訂像素) Customer Pixel 來安裝行銷常用代碼。例如,META, GA4, Gads 轉換代碼等。透過AI 可以快速協助我們完成這些行銷追蹤碼的設定。

Meta 廣告數據保存時間多久|解決 Meta 廣告數據保存問題?
BigQuery

Meta 廣告數據保存時間多久|解決 Meta 廣告數據保存問題?

如果你要拉取超過 3 年以上的數據,Meta 廣告數據僅保存期限36個月不能超過 37 個月,也就是保存三年的意思。

【成功案例】GA4 電商事件規劃
成功案例

【成功案例】GA4 電商事件規劃

本次黑客協助規劃舒康雞電商網站,完整規劃GA4電子商務必要事件,以及正確觸發事件。精準蒐集網站用戶行為,大幅提高網店轉換率。

【成功案例】轉換率優化模組
成功案例

【成功案例】轉換率優化模組

本次黑客與三隻斑馬合作,提供轉換率優化模組埋設,幫助電商網站改善用戶動線、用戶體驗,以增加廣告用戶的實際購買轉換率。本次黑客協助提供撰寫前端轉換率模組,以及完整設定、指導轉換率模組使用教學。

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告
AI

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告

行銷人、廣告投手一定要學的 MCP 串接方式。輕鬆讓 AI 讀取 Meta 廣告資料,透過 MCP 開始分析你的 Meta 廣告數據、GA4 數據等更多。一站式輕鬆分析廣告數據、廣告操作等複雜任務交給AI!

【成功案例】網站設計&動線規劃
成功案例

【成功案例】網站設計&動線規劃

本次黑客與金旺貿易合作,網站設計與網站流程用戶規劃。透過黑客的網站設計與數據分析經驗規劃網站整體動線,讓 2B 網站能夠在名單蒐集提升轉換率,以及最大化部落格自然流量效益

【成功案例】網站轉換率優化
成功案例

【成功案例】網站轉換率優化

本次黑客與懶得煮的Tom老闆合作,電商網站轉換率優化案例。包刮,提供加入購物車成效、提供產品瀏覽次數。以及協助完成網站改版網站設計。成功提高購物車轉換率 10.6%、瀏覽產品 3.7 %。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 低調生活DLIFE 合作,協助提供完整 GA4 數據健檢、完整GA4事件規劃、提供頂尖數據儀表板。再透過快客數據串接,協助客戶打造一系列的數據報表,同時也提供完整數據流工作的完整解說。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 澄駒國際車業 合作,協助提供完整GA4事件規劃、提供頂尖數據儀表板。透過快客數據串接,協助客戶打造一系列飛快的數據報表,同時也提供完整數據流工作的完整解說。