Skip to content

Shopify网站怎么安装GTM代码

Shopify网站怎么安装GTM代码

图片来源:图虫创意

一、注册Google Tag Manager账号

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

2. 点击右上角新建账户

3. 设置账号名称

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

5. 同意条款

然后我们会获得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>标记内的部分

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

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

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

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

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

图片来源:Shopify后台

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

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

7. 点击右上角Save

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

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

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

本文图片来源:Google tag manager

(来源:孙谦)

以上内容属作者个人观点,不代表LEKSHOP立场!本文经原作者授权转载,转载需经原作者授权同意。​

相关推荐: Facebook 2021 应用出海新风向

应用出海新风向双月刊系列介绍: 步入后疫情时代,在宅经济驱动下,全球应用市场将继续维持高速增长。现在正是中国应用出海、征战全球的最佳时机。Facebook 作为首屈一指的社交媒体和营销平台,一直致力于为中国的应用开发者和出版商提供强大助力,并精心推出系列专栏—…

    码刀科技(www.lekshop.cn)是国内知名企业级电商平台提供商,为企业级商家提供最佳的电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.

    电子商务网站建设的重要性和好处