聯絡我們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 可以快速協助我們完成這些行銷追蹤碼的設定。

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

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

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

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

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

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

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

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

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

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

【成功案例】GA4 導入

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

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

【成功案例】GA4 導入

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

GA4教學|數據工程師教你使用GA4 MCP
GA4

GA4教學|數據工程師教你使用GA4 MCP

這篇文章會教你使用 CLAUDE 或是其他 AI AGENT 帶你從 0 串接 GA4 MCP。需要注意創立 Service Account 時候,建議使用個人帳號,如果你是使用企業帳號,則會有權限限制的問題,導致你的GA4 沒辦法加入 Service Account。

【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!