如何透過GTM安裝LINE Tag追蹤碼？並使用LINE Tag Helper檢查

Allen — Sat, 05 Jun 2021 10:03:32 +0000

LINE日前推出了LINE Biz-Solutions，主要針對企業提供各式LINE的行銷解決方案，其中我覺得最有亮點的就是 LINE成效型廣告 (LINE Ads Platform, LAP)，既然是廣告，作為一個行銷人，第一直覺一定得想到「追蹤」，唯有好的追蹤，才能準確的評估廣告的效果，是吧？

LINE在這部分，分別於「LINE官方帳號」以及「LINE成效型廣告」都提供了「LINE Tag」追蹤碼供廣告主針對訊息到達頁做埋設，便於評估群發訊息後的轉換以及後續可建立自訂受眾。

// LINE Tag追蹤碼，其實就是類似Google Analytics追蹤碼以及Facebook的像素(Pixel)，都是用來追蹤網站種種狀態。

剛剛提到，LINE Tag在官方帳號以及成效型廣告內都有提供不同追蹤碼，這樣要用哪一個？答案是兩個都要裝，而裝了之後可以透過「共享 Tag」功能使用彼此的數據，本篇先教大家使用Google Tag Manager安裝LINE Tag的基本程式碼，陸續再分享轉換與自訂事件追蹤碼的安裝方法。

// 此篇的前提為，須先擁有LINE官方帳號以及LINE成效型廣告帳號

Step1. 取得LINE Tag 基本程式碼 (Base code)

1.1 取得LINE官方帳號的LINE Tag

登入LINE官方帳號管理頁面，選擇欲安裝LINE Tag的官方帳號，點選側欄的「資料管理」>「追蹤 (LINE Tag)」，看到基本程式碼後，直接按右上角的複製，就是如此簡單。

1.2 取得LINE成效型廣告的LINE Tag

登入LINE成效型廣告管理頁面，選擇欲安裝LINE Tag的廣告帳號，點選左上角的三條線按鈕，接著點選「共享的資料庫」>「追蹤 (LINE Tag)」，一樣看到基本程式碼後，按下複製，依舊如此簡單。

Step2. 在GTM中新增LINE Tag基本程式碼

// 前提是已經在網站中正確埋設GTM追蹤碼

開啟 Google Tag Manager，點選要安裝的網站帳戶(如果有管理很多網站的話)，直接在「代碼」處按「新增」並在代碼設定選擇「自訂 HTML」，將LINE官方帳號的LINE Tag與LINE成效型廣告的LINE Tag「分別」新增。

// 注意！分別的意思就是要新增兩個代碼，不是貼在同一個代碼內喔！因為步驟一樣，僅用一張圖示意。

觸發條件選擇「All Pages」後按「儲存」之後就是「提交」。

// 謹慎一點的人，可以在儲存後先用「預覽」確認基本程式碼有被安裝，而網站其它的設定及顯示也沒有受到影響，確認都沒問題後再按下「提交 > 發布」。

Step3. 使用LINE Tag Helper檢查

安裝LINE Tag之後要如何檢查是否正確安裝？LINE自己出了一個Chrome插件「LINE Tag Helper」來供大家檢查。用法相當簡單，只要將其加入Chrome之後，Chrome瀏覽器的擴充功能就會出現LINE Tag Helper的icon，在安裝完LINE Tag的網站點擊後，就可以確認是否正確安裝，基本上亮綠燈就是正確安裝囉。

// 若亮紅燈可能是安裝位置錯誤，以用GTM安裝來看，要去檢查GTM的安裝位置是不是在內。

// LINE Tag Helper類似Google的Tag Assistant以及Facebook的Facebook Pixel Helper，用法都是一樣的。

// 如果真的在操作上有困難，可以參考「LINE Tag Helper操作手冊」

// 若連結無法點擊，可直接上Google搜尋「LINE Tag Helper Manual」

參考資訊：LINE官方帳號追蹤(LINE Tag)、LINE成效型廣告(LINE Tag)、LINE Biz-Solutions相關登入管理頁面

這篇文章如何透過GTM安裝LINE Tag追蹤碼？並使用LINE Tag Helper檢查最早出現於韓哥數位行銷私塾。

運用GTM埋設Google Ads轉換追蹤代碼，以LINE加入好友連結為例

Allen — Sat, 28 Nov 2020 15:25:54 +0000

零程式基礎也能輕鬆設定Google Ads轉換追蹤

有使用一定時間Google Ads投放的人一定會遇到這樣的問題，就是Google Ads會要求你設置「轉換動作」，增加轉換動作，可以讓Google Ads的廣告更進一步的學習，並逐漸找到更精準的受眾，會對於整體廣告成效加分。

此文將運用目前最常使用到的LINE加入好友連結，來作為轉換追蹤標的，搭配使用Google Tag Manager (又稱Google代碼管理工具 or GTM) 輕鬆設置所需要的代碼與觸發條件，讓廣告投放後，可以追蹤到該廣告所帶來的轉換效益。在未設置轉換追蹤前，我們僅能在廣告後台看見基本的廣告數據，如曝光、點擊、點閱率、花費等等，增加了轉換追蹤後，可進一步瞭解廣告投放後的「轉換數」，近一步的可以透過此轉換數來針對各個不同的廣告來進行優化，讓廣告達到最佳效益。

第一步：網站中設置LINE加入好友連結

LINE for Business (前身叫LINE@) 或稱 LINE官方帳號，是目前最好用的行銷管道之一，不論是他的普及度以及方便性，各方面應用都有助於從業者解決相關行銷面問題。然而，在我自己的經驗中，LINE尤其取代了網站中的傳統表單，不論是詢價表單或者是報名表單，現在如果直接使用LINE來與使用者互動，有別於繁瑣的表單資料填寫流程，LINE對話相較更直覺、更快速、更吸引使用者來使用。

官方本身針對 LINE Social Plugins 有一系列的設置方法，但我認為他有點複雜，因此這邊提供一個簡易又快速的設置方法，只需將下方提供的連結後綴換成自己的官方帳號ID或個人ID，作為連結置入在網站內各個想要讓使用者點擊的位置即可，方法如下：

https://line.me/ti/p/@官方帳號ID 或是

https://line.me/ti/p/~個人帳號ID (官方用「@」；個人用「~」)

範例如下：

個人帳號加入好友網址：https://line.me/ti/p/~allen781115

官方帳號加入好友網址：https://line.me/ti/p/@qox4213x

官方帳號購買專屬ID加入好友網址：https://line.me/ti/p/@isweets

按照上面介紹的規則，可以輕鬆的將官方帳號ID或者個人帳號ID，替換之後以文字超連結或者按鈕超連結等方式出現在網站各個適合的地方，當使用者透過桌機版點擊，會跳出QRCODE，掃描即加入好友並進行對話；當使用者透過手機版點擊，會直接開啟加入好友或者對話框畫面。

參考以下設置完成示意圖：

第二步：Google Ads中設置轉換動作

1. 登入Google Ads後台

到Google Ads後台「工具與設定」> 「評估」>「轉換」

2. 新增轉換動作

點選左邊的「＋」號新增轉換動作

3. 選擇轉換類型

點選「網站」(因為本次範例是在網站上設置LINE加入好友連結)

4. 建立轉換動作

建立轉換動作有以下四個主要欄位需要填寫：

類別：本案以LINE加入好友為例，可以選擇「要求報價」或「其它」。

轉換名稱：自行定義，如：LINE加入好友

價值：非電商類的建議勾選「為每次轉換指定相同的價值」，並且計算該轉換的平均價值。

例如：透過LINE加入好友的客戶，平均可帶來$500的價值，那就填寫$500。

計算方式：以這次的轉換項目，建議勾選「一次」，避免誤點造成的無效轉換。

下方的「點閱後轉換回溯期」、「瀏覽後轉換回溯期」、「納入「轉換」欄」、「歸因模式」維持預設即可，設置完後按建立並繼續。

5. 選擇代碼加入方式

設定代碼請選擇「使用Google代碼管理工具 (Google Tag Manager)」，並會獲得「轉換ID」以及「轉換標籤」，請將其記錄下來，在第三步於Google Tag Manager中設定時會需要用到。

第三步：Google Tag Manager中設置代碼及觸發條件

1. 在GTM後台新增代碼

到Google Tag Manager (GTM) 後台中，找到「代碼」並按下「新增」，新增後，在代碼設定處的代碼類型中，選擇「Google Ads轉換追蹤」並且將剛剛於Google Ads獲得的轉換ID以及轉換標籤填入。

2. 設定代碼的觸發條件

在觸發條件這邊，我們稍作思考，什麼樣的動作需要被記錄成轉換？觸發到什麼狀況，會讓這組轉換追蹤碼執行紀錄？以我們本次的範例是追蹤「LINE加入好友連結」來看，「點擊加入好友的連結」這個動作，會是要被記錄的轉換動作。

GTM預設的觸發條件只會有「All Pages」，選擇All Pages作為觸發條件，意思就是瀏覽所有網頁皆會觸發我們的轉換追蹤碼，但顯然的這並不是我們這次想要的轉換追蹤，因此我們在右上角按下「＋新增觸發條件」，接著選擇「僅連結」設定「Click URL」包含「line.me」。

實際操作你將發現除了Click URL外，還有其他Click ID、Click Classes、Click Text…等等，那為什麼本案是使用Click URL？聰明的你或許已經發現，因為本次案例設定的是連結 (https://line.me/ti/p/~allen781115)，而且是點擊動作，因此選擇Click URL。那為何後面是設定包含「line.me」呢？理由很簡單，因為網址中就是包含著「line.me」。

＊注意：如果今天你要追蹤的不是這個範例連結類型，請記得將它換成你想要設置轉換追蹤網址中所擁有的元素，確保這個元素不會與不想觸發轉換的連結相衝突，造成轉換數據失真。

3. 確認代碼以及提交發布

設定完代碼與觸發條件後按下儲存即完成，我們回到工作區就會看到剛剛所設置的代碼，到這邊還沒結束，記得一定要提交並發布出去才會更新到網站上，要看到發布後的版本更新才算完成。

第四步：使用GTM預覽工具檢查轉換代碼以及觸發條件正確被執行

1. 開啟GTM預覽工具

發布完成我們必須得確認一下我們所設定的代碼以及觸發條件是能被正常觸發及追蹤的，因此我們會利用GTM中的「預覽」功能來實際測試我們剛剛所設定的代碼。我們到GTM工作區主頁，點選右上角的「預覽」，點選後會要求你確認目前的GTM代碼以及輸入安裝代碼的網址，確認後按下「Start」。

2. 確認新增代碼狀態

按下後GTM會自動開啟要測試網站的首頁，同時在預覽頁會跳出目前所有安裝在此GTM容器中的代碼，畫面中可以發現到有「Tags Fired」以及「Tags Not Fired」，這意思是代碼正被執行以及代碼未被執行，依照我們這次的觸發條件測試，開啟首頁並不是我們所要追蹤的觸發條件，因此目前我們理當要在「Tags Not Fired」中，找到我們剛剛設置的代碼，如：「LINE加入好友ADS轉換追蹤」。

3. 實際到網頁測試轉換

GTM預覽功能測試代碼的方式很簡單，就是去到GTM幫你開啟的測試網頁中，執行一次我們所設置的轉換追蹤觸發條件 (記住！一定是要透GTM開啟的網頁他才能做有效測試)，以本次案例來說，就是找到「LINE加入好友」連結的地方，並做一次點擊。

4. 確認轉換追蹤代碼成功被觸發

在網站找到我們設置的連結，並測試點擊後，我們隨即回到測試預覽頁面，確認「LINE加入好友ADS轉換追蹤」代碼是否有正確的出現在「Tags Fired」，若有表示該代碼與觸發條件設置正確，之後當有使用者做點擊時，就會被紀錄轉換，同時回傳到Google Ads上，好讓我們後續評估廣告的轉換成效。

＊注意：若是在非觸發條件的使用情境下，發現代碼出現在「Tags Fired」，那就表示有地方設置錯誤囉，必須重新檢視一下代碼以及觸發條件。

＊補充說明：若要執行Google Ads轉換追蹤，請記得在GTM中設置「轉換連接器」代碼，以確保數據正確。步驟為：新增「代碼」、選擇「轉換連接器」、觸發條件「All Pages」儲存並發布。

有關轉換連接器相關資訊請參考官方轉換連接器介紹。

本篇的「運用GTM埋設Google Ads轉換追蹤代碼，以LINE加入好友連結為例」到這邊教學結束，歡迎大家實際操作，有任何問題都可以寄信詢問：alan1115@gmail.com。

祝大家廣告成效日益漸進。

這篇文章運用GTM埋設Google Ads轉換追蹤代碼，以LINE加入好友連結為例最早出現於韓哥數位行銷私塾。

LINE 彙整 - 韓哥數位行銷私塾