1

分享

Google Tag manager 筆記

2021/04/26受到 Apple tracking 政策影響,升級到 iOS 14.5 之後的使用者,都可以自行決定要不要被 App 追蹤,如此一來,許多 Cookie 為基礎類的廣告媒體都會大受影響。
剛好繼續來加強 G 家廣告系統的強大,GTM的精進當然也是必要的,只是 G 家的系統,我覺得困難度比較高,名詞更不易理解,以下是我對 GTM 的筆記。
Google 代碼管理工具,又稱 GTM,有四個元素(概念):
  • 代碼:代碼是一段程式碼,將資料傳送到 Google 等系統。
  • 觸發條件:觸發條件可以監聽特定事件,例如點擊、提交表單或載入網頁。
  • 變數:變數是指為某個值預留的具名位置,例如產品名稱、價格值或日期。
  • 資料層:代碼管理工具導入資料層是為了暫時保留用戶端的值,以供代碼、觸發條件和變數使用。
其中,資料層的變數非常多,居然允許有變數的變數,聽起來就很饒口吧。

代碼

以下是比較常用到的代碼選項,像是GA, Google ads,讓使用者能透過 GTM 自行安裝追蹤碼。
googleAD GTM FACEBOOK廣告 電商

觸發條件

代碼就像是GPS訊號,而觸發條件就像啟動開關,GTM使用者要透過設定,指定特定條件來啟動代碼,例如啟動GA的事件。這不難理解吧。
常見舉例
  

事件:網頁瀏覽

觸發條件類型:網頁瀏覽

啟動時機:部分網頁瀏覽下列條件全都符合時啟動代碼:
 網址包含 example.com/thanks (完成訂單頁面)

而被啟動的代碼可以是,Google ads 的轉換代碼,告訴廣告系統:『欸,這邊有一個訂單完成了』

觸發條件

googleAD GTM FACEBOOK廣告 電商
比較難的是,啟動條件,可以設定的部分更細,部分名詞都是有點資訊背景的人才能理解的,例如DOM就緒。
DOM就緒 v.s 視窗已載入的差異?
  • 網頁瀏覽 (Page view):載入網頁時立即啟動,沒有任何資料傳遞。
  • DOM 就緒 (DOM ready):已經載入原始碼,但有些不必要的資來還沒開使傳遞,例如電商中常見的消費金額、加入購物車事件。有高手可以利用這個時機點去改變最終網頁呈現內容。
  • 視窗已載入:在網頁資料、像是照片完全載入後啟動。
googleAD GTM FACEBOOK廣告 電商

觸發條件也能設定變數

觸發條件的變數,通常會設定指定網頁,例如:URL等於/Checkout,開始結帳頁面。

內建變數

googleAD GTM FACEBOOK廣告 電商

點擊

我覺得很困難的部分,以下許多許多名詞都來自網頁前段,例如 Classes, ID
  • Click Element (點擊元素):存取 dataLayer 中的 gtm.element 鍵 (由點擊觸發條件設定),結果會是點擊發生處 DOM 元素的參考資料。
  • Click Classes (點擊類別):存取 dataLayer 中的 gtm.elementClasses 鍵 (由點擊觸發條件設定),結果會是所點擊 DOM 元素上類別屬性的字串值。
  • Click ID (點擊 ID):存取 dataLayer 中的 gtm.elementId 鍵 (由點擊觸發條件設定),結果會是所點擊 DOM 元素上 ID 屬性的字串值。
  • Click Target (點擊目標):存取 dataLayer 中的 gtm.elementTarget 鍵 (由點擊觸發條件設定)。
  • Click URL (點擊網址):存取 dataLayer 中的 gtm.elementUrl 鍵 (由點擊觸發條件設定)。
  • Click Text (點擊文字):存取 dataLayer 中的 gtm.elementText 鍵 (由點擊觸發條件設定)。
這些都是前端設計人員常用到的,不知道的人就要查表囉,我自己的方法都是利用 Tag assistant 工具,一項一項去核對。
googleAD GTM FACEBOOK廣告 電商
基本上,先以 GA 的標準事件作基礎,暸解觸發條件與變數的型態,久了就會上手了。
有空再來做電商事件,實用的教學文
#googleAD  #GTM  #FACEBOOK廣告  #電商 
分類:學習

這裡是小電商老闆Randy的學習筆記,創業分享會寫在 https://www.randy24.com

評論
上一篇
  • 如何成為代理商進口商品?天地人課程心得
  • 更多文章
    載入中... 沒有更多了