你的位置:首页 > 跨境电商 > Google > Shopify网站怎么安装GTM代码

Shopify网站怎么安装GTM代码

孙谦
擅长Google Ads广告,社媒instagram和YouTube红人和粉丝营销。
2022-03-30 03:52:01
图片来源:图虫创意一、注册Google Tag Manager账号1. 打开Google tag manager(以下简称GTM)网站tagmanager.google.com,用gmail邮箱登录2. 点击右上角新建账户3. 设置账号名称4. 设置容器名称并点击创建5. 同意条 ...

Shopify网站怎么安装GTM代码图片来源:图虫创意

一、注册Google Tag Manager账号

1. 打开Google tag manager(以下简称GTM)网站tagmanager.google.com,用gmail邮箱登录

2. 点击右上角新建账户

Shopify网站怎么安装GTM代码

3. 设置账号名称

Shopify网站怎么安装GTM代码

4. 设置容器名称并点击创建

Shopify网站怎么安装GTM代码

5. 同意条款

Shopify网站怎么安装GTM代码

然后我们会获得2段代码,第一段安装在每个网页的<head>部分中,第二段安装在每个网页的<body>部分中,接下来我们来看怎么安装这2部分代码

二、将代码安装到shopify网站

Shopify Plus参考官方教程:

非Shopify Plus因为没办法直接修改checkout代码文件,参考以下教程:

1. 我们先点击代码框右上角图标,复制第一段代码

注意:只复制<script>标记内的部分

Shopify网站怎么安装GTM代码

2. 打开网站后台Online Store-Preference-Google Analytics

将刚刚复制的代码粘贴到GA的自定义代码框中。这样第一段代码可以应用到全站的<head>标记中。

Shopify网站怎么安装GTM代码

3. 打开Shopify后台Setting- Checkout-Order Processing

将代码复制到自定义代码框中

Shopify网站怎么安装GTM代码

4. 接下来打开Shopify后台 Online Store- Themes-Actions -Edit Code

Shopify网站怎么安装GTM代码

图片来源:Shopify后台

5. 接下来再回到GTM中,复制第二段代码

Shopify网站怎么安装GTM代码

6. 将代码粘贴到theme.liquid文件的<body>部分

Shopify网站怎么安装GTM代码

7. 点击右上角Save

Shopify网站怎么安装GTM代码

三、测试代码是否安装成功

我们在谷歌浏览器中打开我们的网站,用google tag assistant进行测试,如图所示,google tag assistant显示为绿色,就表示我们的代码安装无误,GTM已经成功添加到网站了。

Shopify网站怎么安装GTM代码

PS:这种可以基本解决非Shopify Plus无法添加checkout代码的问题,使用过程中肯会有小误差,但是影响不大,可以正常使用。

本文图片来源:Google tag manager

(来源:孙谦)


Shopify网站怎么安装GTM代码 收录于以下专栏 Shopify网站怎么安装GTM代码
Shopify网站怎么安装GTM代码 Shopify专栏 2 个内容 · 0 人关注 查看专栏


原标题:Shopify网站怎么安装GTM代码

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
用小程序打开用小程序打开更快