[GTM] 20 – 使用原生的網頁滾動深度(Scroll Depth)代碼設定

在網頁的行為追蹤上,我們可能會想知道使用者在看網站時,可能大部份頁面的滾動深度到哪裡了,讓我們在設計時可以根據這個數據去把重要的資訊或 CTA 把它放在大部份使用者不會滾到的位置之前,這種追蹤數據對於 One-Page 或 Landing Page 的網頁十分有幫助! 沒有原生網頁滾動深度觸發條件之前 在早些日子,沒有原生網頁滾動深度觸發條件之前,我們可以透過寫 Custom HTML 的方式用 Javascript 去偵測滑鼠的滾動事件,再配合一些 Custom Event 就可以把數據透過 GA 的…

[GTM] 19 – 什麼是資料層 (Data Layer),如何在 GTM 取得資料層變數

資料層 (Data Layer) GTM 中的資料層(Data Layer)就是一個可以存放與傳送各種網站行為資料的「位置」,簡單來說資料層是一種 JS 物件(Javascript Object),包含要傳送給 GTM 的資訊,所以我們在 GTM 中,就可以設定資料層變數(Data Layer Variables)擷取這些值來使用,也可以傳送到各種第三方服務中,如 Facebook、GA 或 Adwords 等 [來源:Google…

[GTM] 18 – 擷取 URL 到變數(Variables)中

網址(URL)變數 在 GTM 中有一個網址(URL)變數,可以透過這個變數,去擷取全部網址或部份網址,接下來就一步一步帶大家看如何實作一個網址變數。如下圖所示在使用者定義(User-Defined)變數中新增一個變數,變數類型選擇網址(URL) 接著我們可以看到網址變數的元件類型(Component Type)有很多個,如下圖所示: 元件類型 (Component Type) 完整網址 (Full URL) 代表是完整網址但沒有加上片段(Fragment),Ex:https://www.example.com/article?utm_soruce=google 通訊協定 (Protocol) 代表網址中的通訊協定,Ex:https 或 http 主機名稱 (Host…

[GTM] 17 – 使用暫停(Pause)代碼功能,讓尚未完成的代碼停止發佈到線上

源起 之前一直在想 GTM 是否有 Disable Tag 的功能,或是想把一個 Tag 先暫時拿掉,因為只是暫時的所以可能會使用下圖的方法,先把 Trigger 拿掉即可,但是這樣做會有一個壞處,就是有可能在 Tag 需要上線時,忘記把 Trigger 加回去,或是有可能會忘了原本的 Trigger 是什麼,尤其實如果 Trigger 是比較通用的且不止一個 Trigger(Ex:All…

[GTM] 16 – 有用且方便的變數 (Lookup Table、Auto-Event Variable、1st-Party Cookie)

GTM 提供了許多有用且非常方便的變數,讓我們可以在設定時,可以取得更多資訊再去做接下來的動作,以下跟大家介紹:對照表(Lookup Table)、自動事件變數(Auto-Event Variable)、第一方 Cookie(1st-Party Cookie)和規則運算式表格(RegEx Table) 對照表(Lookup Table) 對照表變數其實有點類似程式語法的 Switch Case,根據輸入(Input)的值會回傳輸出(Output)的值,如下圖所示,我們可以在「輸入變數」(Input Variable)選擇某一變數,這個欄位的值將會用來做為在對照表欄位中的「輸入」(Input)值,我們再下面的對照表再新增需要的輸入和輸出的值,最後再決定是否要勾選「設定預設值」(Set Default Value),表示在對照表中找沒有任何符合的項目時,就會回傳我們所設定的預設值,若要設為空字串,則將底下的 Input 欄位留白即可。 下圖的範例,表示輸入的值是 true,則回傳「已登入」字串,反之是 false…

[GTM] 15 – 透過資料夾(Folder)來有效的管理代碼

目的 在先前的文章,有介紹好幾種代碼(Tag),相對應的代碼也需要有觸發條件(Trigger)甚至是好幾個變數(Variable),雖然 GTM 已經相當方便,可以讓我們很好管理相關的代碼,不過隨著時間我們所設定的代碼會逐漸變多,因此要管理所有的代碼、觸發條件和變數,可能也變得困難。透過 GTM 所提供的資料夾(Folder)功能,如下圖所示,可以將這些代碼、觸發條件和變數做有意義的分類 資料夾 沒意外的話,我們進到資料夾的頁籤,看到的會是「未分類項目」(Unfiled items),如下圖所示,如果要建立新的資料夾,就按一下右上角的「新增資料夾」(New Folder),輸入完資料夾名稱即可以完成 之後再選擇需要分類到此資料夾的項目,按一下前方的 Checkbox,再按一下「移動」(Move)接著選取所需資料夾,即可將選擇的項目放入現有資料夾,如下圖所示。或者也可以按一下「建立資料夾並加入選定項目」(Folder From Selected),將項目加入當下新增的資料夾中 其他功能 按一下資料夾名稱,可以展開或收合資料夾中的清單,這樣比較好一目了然,所以的資料夾和其中包括的項目。我們也可以在資料夾名稱右側的 3 個點點的 Icon(更多動作),如下圖所示,選單執行更多功能: 新增代碼…

[GTM] 14 – 如何在 GA 和 GTM 上設定 User ID

如果我們已經了解 GA 中 User ID 的概念,我們可以使用 User ID 來驗證使用者是不是已經「登入網站」的重要依據,也對於之後分析使用者的行為有很大的幫助 GA 設定 開啟 GA 中的 User ID 設定,我們先到 GA 中的管理(Admin)介面,並選則需要設定 User…

[GTM] 13 – 方便的 GA 設定變數 (Google Analytics Settings Variable)

在有 GA 設定變數之前 現在的 GTM 有一個變數是「Google Analytics(分析)設定變數」(Google Analytics Settings Variable),我們之後簡稱「GA 設定變數」。在還沒有 GA 設定變數之前,我們在設定一個 GA Tag 時,通常會使用一個常值(Constant)變數,如下圖所示,去儲存 GA ID,這樣讓我們在設定 GA 相關的…

[GTM] 12 – 透過 Tag Manager 設定 GA 的自訂維度(Custom Dimension)

自訂維度(Custom Dimension) 自訂維度(Custom Dimension)是在 GA 中自行建立,可用來蒐集和分析 GA 無法自動蒐集的資料,簡單來說就是在報表中加入非標準資料。使用自訂維度加入非 GA 原生的資料,Ex:Login,是否已登入,就可以在報表中看到依「登入與否」查看瀏覽量 首先我們可以在 GA 中新增一個自訂維度,GA 限定可新增的自訂維度只有 20 個可以使用,而且無法刪除,只可以設定它的狀態為 Active 或 Inactive,因此在設定前可以好好規劃一下網站需要哪些自訂維度 GA…

[GTM] 11 – 透過 Tag Manager 設定 GA 的虛擬頁面瀏覽(Virtual Pageview)

虛擬頁面瀏覽(Virtual Pageview) 虛擬頁面瀏覽(Virtual Pageview)就是實際上沒有產生瀏覽,但可以在 GA 中的報表看到頁面瀏覽數值,我們將這個行為看做一個頁面瀏覽行為來追蹤,觸發條件可以是點擊、滾動或實際的頁面瀏覽 適合使用虛擬頁面瀏覽的情形: 相同頁面網址(URL)的事件 對話視窗(Dialog)的事件 下載頁面 追蹤出站連結 (Outbound Link) 其他無法追蹤到 Pageview 的情況 GA 設定 在頁面需要設定虛擬頁面瀏覽,加上以下的程式即可以達到效果,最後面加上可識別的 Page…