【GTM】Shopify如何安裝Google Tag Manager（GTM）？

【GTM】Shopify如何安裝Google Tag Manager（GTM）？

一、什么是Google Tag Manager（GTM）？

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

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

因?yàn)槠胀ò姹镜腸hekout.liquid文件訪問(wèn)權(quán)限是限制的，是非開源的，所以安裝Google Tag Manager（GTM）分Shopify Plus版本和非Shopify Plus版本。Shopify Plus安裝Google Tag Manager（GTM）請(qǐng)參考下方鏈接教程。因?yàn)榇蟛糠稚碳沂褂玫氖欠荢hopify Plus的普通版本，所以接下來(lái)的教程會(huì)針對(duì)非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），登錄使用谷歌郵箱，登錄后點(diǎn)擊創(chuàng)建賬號(hào)。訪問(wèn)鏈接：https://tagmanager.google.com/

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

2.在賬號(hào)名稱可輸入公司名稱

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

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

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

4.目標(biāo)廣告平臺(tái)選擇網(wǎng)站

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

5.點(diǎn)擊創(chuàng)建

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

6.勾選GDPR

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

7.點(diǎn)擊是

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

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

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

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

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

10.打開Shopify網(wǎng)站商家后臺(tái)，點(diǎn)擊Online Store

（圖片來(lái)源：Shopify后臺(tái)截圖）

11.打開Themes

（圖片來(lái)源：Shopify后臺(tái)截圖）

12.點(diǎn)擊Actions

（圖片來(lái)源：Shopify后臺(tái)截圖）

13.點(diǎn)擊Edit code

（圖片來(lái)源：Shopify后臺(tái)截圖）

14.點(diǎn)擊theme.liquid

（圖片來(lái)源：Shopify后臺(tái)截圖）

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

（圖片來(lái)源：Shopify后臺(tái)截圖）

16.粘貼后如圖

（圖片來(lái)源：Shopify后臺(tái)截圖）

17.點(diǎn)擊Save

（圖片來(lái)源：Shopify后臺(tái)截圖）

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

（圖片來(lái)源：Shopify后臺(tái)截圖）

19.點(diǎn)擊Checkout

（圖片來(lái)源：Shopify后臺(tái)截圖）

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

（圖片來(lái)源：Shopify后臺(tái)截圖）

21.粘貼后如圖

（圖片來(lái)源：Shopify后臺(tái)截圖）

22.點(diǎn)擊右上方Save

（圖片來(lái)源：Shopify后臺(tái)截圖）

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

（圖片來(lái)源：Google Tag Manager后臺(tái)截圖）

24.再次回到Shopify網(wǎng)站商家后臺(tái)，點(diǎn)擊Online Store

（圖片來(lái)源：Shopify后臺(tái)截圖）

25.打開Themes

（圖片來(lái)源：Shopify后臺(tái)截圖）

26.點(diǎn)擊Actions

（圖片來(lái)源：Shopify后臺(tái)截圖）

27.點(diǎn)擊Edit code

（圖片來(lái)源：Shopify后臺(tái)截圖）

28.點(diǎn)擊theme.liquid

（圖片來(lái)源：Shopify后臺(tái)截圖）

29.滑動(dòng)鼠標(biāo)到第一個(gè)部分，把復(fù)制的第二段GTM代碼粘貼下下方

（圖片來(lái)源：Shopify后臺(tái)截圖）

30.粘貼后如圖

（圖片來(lái)源：Shopify后臺(tái)截圖）

31.點(diǎn)擊Save

（圖片來(lái)源：Shopify后臺(tái)截圖）

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

（圖片來(lái)源：Tag Assistant截圖）

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

（圖片來(lái)源：Tag Assistant截圖）

（來(lái)源：跨境出海陸路）

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