在消費者行為破碎化的時代,「追蹤數據」是每個品牌在經營電商的必修課,而 SHOPLINE 也有支援多元的行銷追蹤碼嵌入,只需要將追蹤碼貼在後台相對應的欄位,便能輕鬆完成嵌入,對於品牌經營的數據收集及後續行銷規劃來說是非常重要的。

然而當越來越多追蹤碼需要加進品牌官網時,可能會造成管理者的混亂,甚至連埋入的追蹤碼有沒有成效也不清楚,而對於此情況,究竟該怎麼做呢?就讓 Google Tag Manager (以下簡稱 GTM)來幫你!

對於經驗老道的店家來說,數據分析已是駕輕就熟,但伴隨著行銷管道多元化及成熟化,也會陸陸續續碰到以下問題:

  • 埋設過多追蹤碼,卻不知道哪些管道有實質幫助。
  • 忘記每個追蹤碼的來源及用途。
  • 常使用第三方行銷網站所裝的追蹤碼,但卻沒有統一的後台可以檢視。

綜合這些問題,GTM 這項工具彷彿是數據分析者的救世主,讓你可以一次掌管所有的追蹤碼,並能夠即時的增減及修改、檢視成效,不需要繁複的步驟及強大的程式背景也能輕鬆操作。

GTM 是什麼?

Google 代碼管理工具(GTM) 是一套代碼管理系統,提供行銷人員不用更改網站的程式碼,便能透過 GTM 整合各種追蹤碼以及第三方應用工具嵌入到你的網站中,在同一個平台上做檢視。

GTM 可以協助你做什麼?

對於各位賣家來說,GTM 究竟能協助你做到什麼事情?以下編輯整理四點電商網站常會用到 GTM 的時刻:
1. 利用小工具在網站上加入客服外掛。
2. 利用外掛工具 ( 例如:SUMO ) 收集客人的電子郵件。
3. 利用安裝外掛工具來提供商店優惠訊息的跳出視窗。
4. 利用外掛工具 ( 例如:Zotabox ) 將商店優惠訊息置頂/置底。

如網站的跑馬燈工具,就可用 GTM 來埋設第三方工具程式碼
圖一、如網站的跑馬燈工具,就可用 GTM 來埋設第三方工具程式碼

GTM 該如何建立及安裝?

想要在網路商店安裝客服外掛或者是彈跳視窗嗎?我們先看看要怎麼設定好 GTM 的帳號以及如何連接到你的 SHOPLINE 品牌官網:

步驟一、建立GTM 帳號

首先請先到 Google 代碼管理工具的頁面建立帳號,並點選「建立帳戶」。

新增帳戶並為帳戶設定名稱
圖二、新增帳戶並為帳戶設定名稱
設定容器名稱,目標廣告平台選擇「網路」
圖三、設定容器名稱,目標廣告平台選擇「網路」
取得安裝 GTM 的工具編號,圖中紅框內代碼
圖四、取得安裝 GTM 的工具編號,圖中紅框內代碼

步驟二、在 SHOPLINE 商店後台設定

回到 SHOPLINE商店後台,點選「網店行銷及追蹤」→ 接著選「追蹤設定」。

圖五、點選要加入顧客活動追蹤中的「 Google 代碼管理工具」選項
依序填入「追蹤工具」、「追蹤事件」及「Google 代碼管理工具編號」
圖六、依序填入「追蹤工具」、「追蹤事件」及「Google 代碼管理工具編號」

注意!此時的 「Google 代碼管理工具編號」欄位,請填入上方圖四紅框中的代碼(每組代碼皆不同,切勿複製圖中示意的代碼,請使用你專屬的代碼),填入後就大功告成了!(看更多 SHOPLINE 追蹤設定請看 FAQ)

繼續閱讀文章

安裝好後,GTM 該如何使用呢?

完成安裝設定後,真正的挑戰才正要開始,究竟該怎麼充分利用 GTM 呢?

GTM 後台管理介面示意圖
圖七、GTM 後台管理介面示意圖

GTM 的「管理」介面看起來和 Google Analytics (GA的管理介面十分相似,只是名稱有些不同。 GTM 裡面的「容器」,和 GA 的「資源」一樣,就是一個網站的意思。至於其他後台相關的名詞解釋,就由編輯在此娓娓道來:

1. 代碼

GTM 中的「代碼」,其實就是我們使用的「程式碼」。你可以在一個「容器」中安裝多個代碼,直接透過 GTM 增減、變更、管理。

2. 觸發條件

由於每個代碼(程式碼)的使用情況不同,你可以透過「觸發條件」設定程式碼在哪些事件發生時才執行。事件類型包含網頁瀏覽、點擊、提交表單…等,也可以使用網址或變數等條件來設定自訂事件。

3. 變數

GTM 提供許多內建變數,觸發條件在執行時會比較變數中的值與定義觸發條件時所指定的值,再由系統判斷為 true 或 false 。另外,更進階的用戶也可以自訂變數。想要瞭解更多請看:Google Tag Manager 說明 – 代碼、觸發條件、變數和資料層

《Instagram 購物功能行銷攻略包》
Instagram 購物功能台灣全面上線,你已經設定好了嗎? 這本電子書將讓你快速掌握此功能,讓你輕鬆迎戰社群電商!

如何利用 GTM 安裝自訂的程式代碼?(如第三方工具程式碼)

關於如何使用 GTM 安裝自訂程式碼,編輯以電商網站常用的 Google Ads 轉換碼及 Facebook 像素如何埋入商店為例吧!

在加入代碼前,你必須先瞭解代碼如何運作,需要使用到哪些觸發條件。因此你必須先新增觸發條件。

一、新增觸發條件

在「觸發條件」點選「新增」後,你可以看到以下多種事件類型可以選擇:

新增觸發條件
圖八、新增觸發條件

以「在 SHOPLINE 網店完成結帳」為例,請選擇「自訂事件」為事件類型。舉例來說,如果你的網店完成結帳後的頁面網址為「xxx.com/confirm 」,請依照下圖設定「觸發條件」。

設定網店完成結帳觸發條件
圖九、設定網店完成結帳觸發條件

於「事件發生且這些條件全都符合時,啟用這個觸發條件」的地方,選擇 「Page URL」「包含」「/confirm」 ,即可完成結帳頁的觸發條件設定。此外另一個電商常見的事件就是「造訪結帳頁」,同樣依照下列設定方式: