1. 电商 > 跨境电商 > 独立站 >

Shopify网站该如何安装GTM代码?

王汝林(著名电子商务专家)
专注于电商行业15年,中国电子商务协会专家主任
一、注册Google Tag Manager账号
 
1. 打开Google tag manager(以下简称GTM)网站tagmanager.google.com,用gmail邮箱登录
 
2. 点击右上角新建账户
 
Shopify网站怎么安装GTM代码?1
 
3. 设置账号名称
 
Shopify网站该如何安装GTM代码?
 
4. 设置容器名称并点击创建
 
Shopify网站该如何安装GTM代码?
 
5. 同意条款
 
Shopify网站该如何安装GTM代码?
 
然后我们会获得2段代码,第一段安装在每个网页的<head>部分中,第二段安装在每个网页的<body>部分中,接下来我们来看怎么安装这2部分代码
 
二、将代码安装到shopify网站
 
Shopify Plus参考官方教程:
 
https://help.shopify.com/zh-CN/manual/reports-and-analytics/google-analytics/google-tag-manager
 
非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代码?
 
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代码的问题,使用过程中肯会有小误差,但是影响不大,可以正常使用。

阅读了本文内容的用户还读了:

已帮助()人

本文由腾牛网发布,不代表电商号立场,部分内容来源于网络,如有侵权请联系删除,转载联系作者并注明出处:http://www.tnzycc.com

联系我们

在线咨询:点击这里给我发消息

微信号:13527385032

电话:13527385032

工作日:9:30-19:00,全年无休