【GTM】Shopify如何安裝Google Tag Manager(GTM)?
一、什么是Google Tag Manager(GTM)?
Google Tag Manager中文名叫谷歌代碼管理系統,簡稱GTM。可以幫助我們添加和管理代碼的工具。如果沒有大量代碼要安裝或管理,或非必須Google Tag Manager才可以進行的設置,網站可以不用安裝Google Tag Manager。網站需要先安裝Google Tag Manager后,才可以進行其他代碼安裝。本文是講解Shopify如何安裝Google Tag Manager(GTM)。
二、Shopify安裝Google Tag Manager(GTM)的區別
因為普通版本的chekout.liquid文件訪問權限是限制的,是非開源的,所以安裝Google Tag Manager(GTM)分Shopify Plus版本和非Shopify Plus版本。Shopify Plus安裝Google Tag Manager(GTM)請參考下方鏈接教程。因為大部分商家使用的是非Shopify Plus的普通版本,所以接下來的教程會針對非Shopify Plus的普通版本逐步講解。
Shopify Plus安裝Google Tag Manager(GTM)官方教程:
https://help.shopify.com/zh-CN/manual/reports-and-analytics/google-analytics/google-tag-manager
非Shopify Plus版本的Shopify店鋪參考以下教程:
1.打開Google Tag Manager(GTM),登錄使用谷歌郵箱,登錄后點擊創建賬號。訪問鏈接:https://tagmanager.google.com/
(圖片來源:Google Tag Manager后臺截圖)
2.在賬號名稱可輸入公司名稱
(圖片來源:Google Tag Manager后臺截圖)
3.容器名稱輸入網站網址
(圖片來源:Google Tag Manager后臺截圖)
4.目標廣告平臺選擇網站
(圖片來源:Google Tag Manager后臺截圖)
5.點擊創建
(圖片來源:Google Tag Manager后臺截圖)
6.勾選GDPR
(圖片來源:Google Tag Manager后臺截圖)
7.點擊是
(圖片來源:Google Tag Manager后臺截圖)
8.出現兩段代碼
(圖片來源:Google Tag Manager后臺截圖)
9.我們先復制第一段代碼
(圖片來源:Google Tag Manager后臺截圖)
10.打開Shopify網站商家后臺,點擊Online Store
(圖片來源:Shopify后臺截圖)
11.打開Themes
(圖片來源:Shopify后臺截圖)
12.點擊Actions
(圖片來源:Shopify后臺截圖)
13.點擊Edit code
(圖片來源:Shopify后臺截圖)
14.點擊theme.liquid
(圖片來源:Shopify后臺截圖)
15.在第一個下方把復制的第一段代碼粘貼進去
(圖片來源:Shopify后臺截圖)
16.粘貼后如圖
(圖片來源:Shopify后臺截圖)
17.點擊Save
(圖片來源:Shopify后臺截圖)
18.再次回到Shopify網站商家后臺,點擊左下角Settings
(圖片來源:Shopify后臺截圖)
19.點擊Checkout
(圖片來源:Shopify后臺截圖)
20.滑動鼠標到Order status page,把復制的第一段GTM代碼繼續粘貼在Additional scripts
(圖片來源:Shopify后臺截圖)
21.粘貼后如圖
(圖片來源:Shopify后臺截圖)
22.點擊右上方Save
(圖片來源:Shopify后臺截圖)
23.回到Google Tag Manager(GTM),把第二段代碼復制
(圖片來源:Google Tag Manager后臺截圖)
24.再次回到Shopify網站商家后臺,點擊Online Store
(圖片來源:Shopify后臺截圖)
25.打開Themes
(圖片來源:Shopify后臺截圖)
26.點擊Actions
(圖片來源:Shopify后臺截圖)
27.點擊Edit code
(圖片來源:Shopify后臺截圖)
28.點擊theme.liquid
(圖片來源:Shopify后臺截圖)
29.滑動鼠標到第一個部分,把復制的第二段GTM代碼粘貼下下方
(圖片來源:Shopify后臺截圖)
30.粘貼后如圖
(圖片來源:Shopify后臺截圖)
31.點擊Save
(圖片來源:Shopify后臺截圖)
32.以上Google Tag Manager(GTM)代碼在Shopify網站上安裝完畢,可使用Tag Assistant瀏覽器插件進行檢查
(圖片來源:Tag Assistant截圖)
33.檢查顯示綠色,代表安裝成功。如果安裝未成功,請重新檢查安裝步驟,或聯系博主進行檢查
(圖片來源:Tag Assistant截圖)
(來源:跨境出海陸路)
以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?