在消費者行為破碎化的時代,「追蹤數據」是每個品牌在經營電商的必修課,而 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 說明 – 代碼、觸發條件、變數和資料層

《品牌網店設計電子書》
網頁設計及瀏覽體驗對一個電商網站來說,是決定品牌第一印象的關鍵,下載此電子書讓你一個下午就能做出好看的網站!

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

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

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

一、新增觸發條件

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

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

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

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

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

設定造訪結帳頁面的觸發條件
圖十、設定造訪結帳頁面的觸發條件

同理,如果你的網店結帳頁面網址為「xxx.com/checkout 」,則就能依樣畫葫蘆填入。當你的「觸發條件」都設定好後,下一步就是「新增代碼」了。

二、新增代碼

同樣在代碼部分選擇「新增」,可以看到以下 GTM 所支援的眾多產品。

如果你要新增的代碼屬於以下產品,你可以直接選擇,並按照該產品提供的指示進行設定。

在「代碼」點選新增後,會看到 GTM 支援的眾多產品
圖十一、在「代碼」點選新增後,會看到 GTM 支援的眾多產品

如果沒有你想要使用的代碼的話也沒關係(有時候第三方工具不見得會出現在選項中),你可以選擇「自訂 HTML 代碼」。

選擇「自訂 HTML 代碼」來新增你想要的代碼
圖十二、選擇「自訂 HTML 代碼」來新增你想要的代碼

此部分需要有 HTML 代碼的設定,請你依照你使用的工具或服務所提供的程式碼輸入即可(坊間多數第三方工具都有提供),若是缺少此部分,可能需要請熟悉 HTML 的人員協助完成完代碼設定。再加入代碼後,緊接著選擇驅動代碼的「觸發條件」。

選擇驅動該代碼的「觸發條件」
圖十三、選擇驅動該代碼的「觸發條件」

設定好後便可儲存,這樣就完成新增 GTM 代碼的設定了!是不是輕鬆又簡單呢?

總結

總之,在 Data-driven 的時代中,數據將是影響品牌經營的一大因素,品牌行銷人員必須掌握各種數據的追蹤才能因應行銷趨勢的物換星移。

看完這篇文章後相信之後你就可以隨時使用 GTM 來修改及新增代碼,而且不需要碰觸到網站的原始碼。無論是對於不熟悉編程的店家,或是自己架設網站的開發者,都是相當方便的功能。

SHOPLINE 除了提供簡單上手的管理介面,也希望能提供店家自由發揮的彈性空間,將自己的網店打造得盡善盡美。同時也開放支援 GTM 及其他代碼的增加設定,讓品牌店家能在行銷或技術上更進一步,打造屬於自己的品牌電商王國。


編修作者

你覺得文章有幫助到你嗎?

歡迎給我們評論唷!

5 / 5. 共有 2

可以留下你的評論讓我們知道

延伸閱讀