LAP 廣告操作教學｜Lesson 20: 透過 Google 代碼管理工具使用 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 Helper 進行疑難排解。在 Chrome 瀏覽器安裝 LINE Tag Helper 協助工具後，網址列旁邊會出現小圖示。請使用 Chrome 瀏覽器前往您的網站，然後點擊 LINE Tag Helper 工具圖示。您可以查看在頁面上找到哪些事件、瞭解是否已成功載入，載入成功燈號為綠燈。

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