Shopline 上安裝 Google Tag Manager 追蹤碼完整教學

這一節介紹如何在Shopline 上安裝 Google Tag Manager，其實安裝過程是非常簡單的，因為Shopline後台支援 Google Tag Manager安裝。

創建容器

前往 Google Tag Manager代碼管理工具，並使用你的Google 帳戶登入，在Google Tag Manager中的賬戶右側點擊三個點，然後點選“建立容器”：

然後會進入建立容器的界面，做如下設置：

容器名稱：就是容器的名稱，為了便於區分，一般用網站的域名，我這裡是www.haranhuang.com

目標廣告平台：就是要安裝的目標廣告平台類型，一種有5種，根據實際情況去選擇，我這裡是網站，所以選擇“網路”

• 網路：就是網站類型
• iOS：就是iOS應用程式
• Android：就是Android應用程式
• AMP：谷歌的AMP
• Server：伺服器標籤追蹤

設置好後點擊“建立”就會創建容器。

獲取Google Tag Manger追蹤編碼

創建好容器後就獲取Google Tag Manager的追蹤碼編碼，打開容器，在容器的右上角就是：

GTM-TCH6XWZ就是Google Tag Manager的追蹤編碼，複製它。

Shopline上安装Google Tag Manger

在Shopline裡點擊「網店行銷及追蹤」——「追蹤設定」，就可以看到Shopline支援的第三方追蹤工具：

然後選擇「Google 代碼管理工具」：

將GTM追蹤編碼GTM-TCH6XWZ 黏貼到 “我的 Google 代碼管理工具追蹤編號是：”,然後點擊「儲存」。

看到Google Analytics 4 左上角有個綠色勾勾，就表示成功。

驗證安裝

安裝後，需要驗證Google Tag Manager追蹤碼是否安裝準確。

在驗證之前，先需要在Google Tag Manager容器發佈一個版本，這樣Google Tag Manager追蹤碼才能正常加載，點擊右上角的“提交”就可以發佈版本：

然後就可以去驗證，這裡介紹兩種方式去驗證：

• Chrome開發者工具
• GHOSTERY

Chrome開發者工具

打開Chrome開發者工具，找到Network，在Filter裡用“GTM-”過濾：

可以看到GTM的請求是正常加載，狀態是200表示加載成功，也就是Google Tag Manager追蹤碼安裝成功。

GHOSTERY

GHOSTERY是Chrome的Extensions，所以需要在Chrome裡安裝後才可以使用它。

使用方法是先打開網站www.haranhuang.com，然後打開GHOSTERY，它就會顯示這個網站安裝了哪些第三方程式：

可以看到有Google Tag  Manager ,就表示Google Tag Manager追蹤碼安裝成功。