已收藏,可在 我的資料庫 中查看
關(guān)注作者
您可能還需要

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

Google Tag Manager中文名叫谷歌代碼管理系統(tǒng),簡稱GTM??梢詭椭覀兲砑雍凸芾泶a的工具。如果沒有大量代碼要安裝或管理,或非必須Google Tag Manager才可以進行的設(shè)置,網(wǎng)站可以不用安裝Google Tag Manager。網(wǎng)站需要先安裝Google Tag Manager后,才可以進行其他代碼安裝。本文是講解Shopify如何安裝Google Tag Manager(GTM)。

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

圖片來源:跨境出海陸路

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

一、什么是Google Tag Manager(GTM)?

Google Tag Manager中文名叫谷歌代碼管理系統(tǒng),簡稱GTM。可以幫助我們添加和管理代碼的工具。如果沒有大量代碼要安裝或管理,或非必須Google Tag Manager才可以進行的設(shè)置,網(wǎng)站可以不用安裝Google Tag Manager。網(wǎng)站需要先安裝Google Tag Manager后,才可以進行其他代碼安裝。本文是講解Shopify如何安裝Google Tag Manager(GTM)。

二、Shopify安裝Google Tag Manager(GTM)的區(qū)別

因為普通版本的chekout.liquid文件訪問權(quán)限是限制的,是非開源的,所以安裝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),登錄使用谷歌郵箱,登錄后點擊創(chuàng)建賬號。訪問鏈接:https://tagmanager.google.com/

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

2.在賬號名稱可輸入公司名稱

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

3.容器名稱輸入網(wǎng)站網(wǎng)址

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

4.目標廣告平臺選擇網(wǎng)站

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

5.點擊創(chuàng)建

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

6.勾選GDPR

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

7.點擊是

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

8.出現(xiàn)兩段代碼

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

9.我們先復(fù)制第一段代碼

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

10.打開Shopify網(wǎng)站商家后臺,點擊Online Store

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

11.打開Themes

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

12.點擊Actions

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

13.點擊Edit code

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

14.點擊theme.liquid

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

15.在第一個下方把復(fù)制的第一段代碼粘貼進去

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

16.粘貼后如圖

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

17.點擊Save

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

18.再次回到Shopify網(wǎng)站商家后臺,點擊左下角Settings

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

19.點擊Checkout

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

20.滑動鼠標到Order status page,把復(fù)制的第一段GTM代碼繼續(xù)粘貼在Additional scripts

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

21.粘貼后如圖

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

22.點擊右上方Save

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

23.回到Google Tag Manager(GTM),把第二段代碼復(fù)制

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Google Tag Manager后臺截圖)

24.再次回到Shopify網(wǎng)站商家后臺,點擊Online Store

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

25.打開Themes

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

26.點擊Actions

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

27.點擊Edit code

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

28.點擊theme.liquid

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

29.滑動鼠標到第一個部分,把復(fù)制的第二段GTM代碼粘貼下下方

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

30.粘貼后如圖

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

31.點擊Save

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Shopify后臺截圖)

32.以上Google Tag Manager(GTM)代碼在Shopify網(wǎng)站上安裝完畢,可使用Tag Assistant瀏覽器插件進行檢查

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Tag Assistant截圖)

33.檢查顯示綠色,代表安裝成功。如果安裝未成功,請重新檢查安裝步驟,或聯(lián)系博主進行檢查

【GTM】Shopify如何安裝Google Tag Manager(GTM)?

(圖片來源:Tag Assistant截圖)

(來源:跨境出海陸路)

以上內(nèi)容屬作者個人觀點,不代表雨果跨境立場!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務(wù) 果園 標簽 百科 搜索
雨果跨境顧問
Google顧問-Sandy
OceanWeb新客獨家福利:前100名免費送$20廣告體驗金,點擊按鈕咨詢顧問并領(lǐng)取,雨果跨境官方顧問

收藏

--

--

分享
跨境出海陸路
分享不易,關(guān)注獲取更多干貨