首頁功能介紹專業進階功能行銷人必學!以 GTM 在問卷安裝 LINE Tag,輕易追蹤「提交表單」事件!

行銷人必學!以 GTM 在問卷安裝 LINE Tag,輕易追蹤「提交表單」事件!

行銷人必學!以 GTM 在問卷安裝 LINE Tag,輕易追蹤「提交表單」事件!

近幾年 MarTech(行銷科技)當道,行銷人使用越來越多的工具協助追蹤、評估成效。而身為行銷人首選的問卷系統,SurveyCake 推出 Google Tag Manager(GTM) 功能,只需簡單複製貼上,即可把 GTM 埋入問卷裡,為行銷人打開無限追蹤之路!(笑)

本文將為大家介紹 GTM 與 LINE Tag 的安裝,以及如何自訂轉換事件,讓正在使用 LINE 廣告的用戶可以輕易透過 GTM 追蹤問卷填寫的轉換事件,加強廣告成效。

全新 Google Tag Manager 功能應用教學(一)

首先,什麼是 LINE Tag?

根據 LINE 官方介紹,只需安裝 LINE Tag 在需要追蹤的網站上,便可分析 LINE 官方帳號的好友,或 LAP 廣告受眾所採取的行為,以進行後續的成效追蹤,常見行為如「購買」和「會員註冊」,而 SurveyCake 的話則是「提交問卷」的動作。

透過 LINE Tag 追蹤訪客的行為後,日後在投放 LAP 廣告時便可以利用這些數據去建立「自訂受眾」進一步優化廣告成效。例如商家利用 LINE OA 推播新品上市意見調查問卷後,可以利用 LINE Tag 追蹤「提交表單」的事件,並在新品正式上市時再次以 LAP 廣告投放給提交過表單的人,達至精準再行銷,大大提升廣告成效!

那麼我該如何在問卷裡安裝 LINE Tag 呢?

行銷代碼千百種,SurveyCake 很難為每個代碼都設置一個安裝欄位(這樣會讓表單變得落落長!)因此團隊開發了 Google Tag Manager (GTM) 功能去滿足行銷人要安裝很多代碼的需求!(苦笑)

行銷追蹤碼設定
Google Tag Manager 欄位已經出現在你的問卷設定後台啦!

接下來,就讓我們一起來把 LINE Tag 安裝到問卷裡吧!

步驟一:進入 LINE Tag 廣告後台獲得追蹤碼

LINE Tag 分為「基本程式碼」跟「轉換代碼/自訂事件代碼」兩種,要找到代碼所在位置,首先進入你的 LINE 廣告管理員後台,並在左上方的導覽列內點擊「追蹤(LINE Tag)」。

LINE Tag 廣告後台

步驟二:安裝 LINE Tag 基本程式碼

複製頁面裡的「基本程式碼」:

複製「基本程式碼」

然後進入你的 GTM 後台,點選「新增代碼」,在代碼設定中選擇「自訂 HTML」,然後貼上剛才複製好的「基本程式碼」。然後點選「進階設定」展開後,「代碼觸發選項」下拉選單中點選「每個網頁一次」。

點選「新增代碼」,在代碼設定中選擇「自訂 HTML」,貼上剛才複製好的「基本程式碼」

並在「觸發條件」中,選擇「All Pages(網頁瀏覽)」為觸發條件。

在「觸發條件」中,選擇「All Pages(網頁瀏覽)」為觸發條件

最後你可命名此代碼為「LINE Tag-基本程式碼」,然後點選右上角「儲存」按鈕後,基本程式碼就完成啦!

步驟三:安裝 LINE Tag 自訂事件代碼

基本程式碼是讓 LINE Tag 追蹤基本的網頁瀏覽,而對於要追蹤「提交表單」事件的你,就要再多安裝一組「自訂事件代碼」。

同樣的,先回到你的 LINE 廣告管理員後台,在「追蹤(LINE Tag)」頁面裡往下滑點選「自訂事件代碼」,輸入自訂事件名稱「SurveyCakeSubmit」,然後點選右上方「複製」按鈕,複製完整的代碼。

複製代碼

回到 GTM 後台,點選「新增代碼」,在代碼設定中選擇「自訂 HTML」,貼上剛才複製好的「自訂事件代碼」並把此代碼命名為「LINE Tag-提交表單代碼」。

貼上剛才複製的代碼

在「進階設定」內點選「代碼觸發選項」下拉選單中的「每個事件一次」。然後於「代碼觸發順序」下方的方塊勾選「在 LINE Tag-提交表單代碼 觸發前先觸發一個代碼」,並選擇「LINE Tag-基本程式碼」,以確保此「LINE Tag-提交表單代碼」在「LINE Tag-基本程式碼」後觸發。

設定代碼觸發選項

接著,於「觸發條件」中按右上角「+」號新增一個觸發條件,觸發條件類型選擇「點擊-所有元素」。

新增一個觸發條件

於「這項觸發條件的啟動時機」欄位選擇「部分點擊」,在「有事件發生且這些條件全都符合時,啟用這項觸發條件」欄位中:

  • 第一個變數選擇: 「Click Element」(小提示:如果找不到 Click Element 選項,請先選擇「內建變數」,滑到選單的下半部就會找到 Click Element 囉)
  • 第二個比對方式:選擇「符合CSS 選取器」
  • 第三個變數填入:[data-qa=”submit”] (小提醒:請連同括號 [ ] 一起複製喔)

把這個觸發條件命名為「SurveyCakeSubmit」並儲存

把觸發條件命名為「SurveyCakeSubmit」儲存

步驟四:發布代碼及安裝到問卷內

最後把兩組代碼「LINE Tag-基本程式碼」和「LINE Tag-提交表單代碼」一同提交發布,然後複製此組容器的 GTM ID,直接貼到 SurveyCake 問卷設定的 GTM 欄位就安裝完成啦!

複製代碼到 SurveyCake 追蹤碼設定

步驟五:回到 LINE 廣告後台進行最後檢查

你可以嘗試提交一份測試表單,然後回到 LINE 廣告後台,重新整理「追蹤(LINE Tag)」頁,應該就可以看到名為「Base Code」及「SurveycakeSubmit」的代碼狀態轉為「可使用」,代表提交表單的這個動作已經被 LINE Tag 抓到啦!

至「追蹤(LINE Tag)」頁檢查

如果想利用自訂代碼來投放廣告,可以進入「自訂轉換」頁面,按「+建立自訂轉換」,在轉換條件的部份,配對方式中點選「事件」,就可以在事件條件的下拉選單中看到剛才安裝成功的「SurveycakeSubmit」,按下儲存就代表你已經可以利用提交 SurveyCake 表單的動作來投廣啦,恭喜恭喜!

設定事件轉換

透過 GTM 全方位追蹤問卷成效,輕鬆分析問卷數據!

全新上線的 GTM 功能可讓你一次管理多組代碼,若事後要調整追蹤的事件或是代碼,也可以直接到 GTM 後台修改,就不用再進到問卷裡一個一個慢慢調整!

如果想了解關於 GTM 的基本操作,可參考以下文章:如何在問卷埋入 GTM 追蹤,同時管理多組追蹤平台代碼?

歡迎密切留意 SurveyCake 官方部落格,之後還會推出不同代碼安裝方法及 GTM 更多應用教學!

GTM 埋設屬於 PRO 版功能,若有此需求建議先升級成 PRO 版用戶,首次升級也可以享有免費 14 天的試用喔!

升級 Pro!免費試用 14 天,解鎖所有問卷題型與專業功能
「SurveyCake」的個人頭像

探索更多來自 SurveyCake 部落格 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading