Shopline 上安裝 Google Tag Manager 追蹤碼

Google Tag Manager Haran 2年前 (2023-01-15) 1440次瀏覽 0條留言

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

創建容器

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

Shopline 上安裝 Google Tag Manager 追蹤碼

然後會進入建立容器的界面,做如下設置:
Shopline 上安裝 Google Tag Manager 追蹤碼

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

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

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

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

獲取Google Tag Manger追蹤編碼

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

Shopline 上安裝 Google Tag Manager 追蹤碼

 

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

Shopline上安装Google Tag Manger

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

Shopline 上安裝 Google Tag Manager 追蹤碼

 

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

Shopline 上安裝 Google Tag Manager 追蹤碼

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

Shopline 上安裝 Google Tag Manager 追蹤碼

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

 

驗證安裝

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

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

Shopline 上安裝 Google Tag Manager 追蹤碼

 

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

  • Chrome開發者工具
  • GHOSTERY

Chrome開發者工具

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

Shopline 上安裝 Google Tag Manager 追蹤碼

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

GHOSTERY

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

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

Shopline 上安裝 Google Tag Manager 追蹤碼

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


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址