開啟行銷導航 返回頂端
首頁

自學課程

LINE 成效型廣告

LAP 廣告操作教學|Lesson 20: 透過 Google 代碼管理工具使用 LINE Tag(下篇)

入門

LAP 廣告操作教學|Lesson 20: 透過 Google 代碼管理工具使用 LINE Tag(下篇)

所需時間:10分鐘

如何透過 Google 代碼管理工具安裝LINE Tag呢?
學習目標:

 安裝LINE Tag轉換代碼

收集名單網站的「送出表單」頁面

收集名單或是顧客資訊的網站,在點擊送出表單或是問卷之後通常也會產生新的網址頁面,這時即可抓取該頁面的網址來設為轉換事件。

操作步驟:

請參考透過Google代碼管理工具使用 LINE Tag(上篇)「電商網站常見的「完成購買」頁面」 ① ~ ⑦ 步驟皆為相同,以下將從 Google Tag Manager 觸發條件設定開始示範教學,這邊我們將以 /thanks.html 作為教學範例

⑧ 填寫轉換代碼網頁瀏覽的觸發條件

步驟 1 : 第一個變數選擇「Page URL

步驟 2 : 第二個比對方式選擇「包含」

步驟 3 : 第三個填入轉換頁面的網址,此篇範例為「/thanks.html

⑨ 點選右上角「儲存」按鈕後,即可完成該代碼建立。

【安裝LINE Tag自訂事件代碼】

此部分將會示範教學利用自訂事件代碼以及 Google Tag Manager 來完成加入購物車事件,網站中除了用轉換代碼來定義最終轉換之外,都可以利用自訂事件代碼來設定網站中想追蹤的行為,像是開始結帳按鈕、到達特定頁面...等。
 

透過 Google 代碼管理工具使用 LINE Tag(上篇)已置入基本代碼,接下來便可為網站上的各種頁面和事件(例如:加到購物車、購買完成等頁面)建立特定代碼。以下是以加到購物車代碼(addtocart)為範例。

① 在 Google 代碼管理工具,點選總覽後點選「新增代碼」。

② 點選「自訂 HTML」 代碼,然後左上角輸入容器代碼名稱「LINE-加入購物車代碼」。

③ 前往「LINE Ads Platform」 管理畫面,然後點選「追蹤(LINE Tag)」。

 

④ 於「追蹤(LINE Tag)」往下滑找到自訂事件代碼:

步驟1: 點選「自訂事件代碼」

步驟2: 輸入自訂事件名稱”addtocart”

步驟3: 點選右上方「複製」按鈕即可複製完整的自訂事件程式

⑤ 返回 Google 代碼管理工具,將加入購物車程式碼(自訂事件代碼)貼到 HTML 容器。

於「進階設定」展開後,點選「代碼觸發選項」下拉選單中的「每個事件一次」,於「代碼觸發順序」展開後,於下方的方塊選擇打勾「LINE-加入購物車代碼」觸發前先觸發「LINE-基本程式代碼」,以確保此「LINE-加入購物車代碼」在「LINE-基本程式代碼」後觸發。

⑦ 於「觸發條件」中:

步驟 1 : 右上角點選編輯圖案。

步驟 2 : 點選「點擊-所有元素」為觸發條件。

步驟 3 : 於「這項觸發條件的啟動時機」,點選「部分點擊」。

在網站中檢查加入購物車按鈕的元素

步驟 1 : 在加入購物車按鈕點擊右鍵

步驟 2 : 選擇檢查

步驟 3 : 找到加入購物車按鈕的 Click Classes 或是 Click ID,此篇將以示範網站的 Click ID 「button-cart」作為示範。(每個網站的按鈕元素皆不同,請確實檢查自己網站再到 Google Tag Manager 做設定)

填寫加入購物車按鈕的觸發條件

步驟 1 : 第一個變數選擇「Click ID

步驟 2 : 第二個比對方式選擇「等於

步驟 3 : 第三個填入抓到的 Click ID,此篇範例為「button-cart

⑩ 點選右上角「儲存」按鈕後,即可完成該代碼建立。

如何檢查LINE Tag是否正常運作

請使用 LINE Tag Helper 進行疑難排解。在 Chrome 瀏覽器安裝 LINE Tag Helper 協助工具後,網址列旁邊會出現小圖示。請使用 Chrome 瀏覽器前往您的網站,然後點擊 LINE Tag Helper 工具圖示。您可以查看在頁面上找到哪些事件、瞭解是否已成功載入,載入成功燈號為綠燈。

免責聲明

若客戶使用 Google Tag Manager(或包含但不限於 Google 提供之其他服務,以下簡稱"第三方服務")進行埋設 LINE Tag,LINE 無法對第三方服務顯示資料之準確性、充分性或完整性負責,就第三方服務而顯示的任何錯誤、遺漏、缺失、延誤、中斷或任何其他瑕疵、 以及 Google 因此而採取的任何行動所造成之結果或損害 ,LINE 亦不負擔任何責任。若客戶因使用第三方服務提供的資料而導致任何相關損失,LINE 亦不負擔任何責任。

其他課程

其他課程

下一張
上一張
返回產品課程