已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

Shopify网站怎么安装GTM代码?

Shopify网站怎么安装GTM代码?

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参考官方教程:

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代码的问题,使用过程中肯会有小误差,但是影响不大,可以正常使用。

本文图片来源:Google Tag Manager

(来源:孙谦)

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

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
Google顾问-Sandy
OceanWeb新客独家福利:前100名免费送$20广告体验金,点击按钮咨询顾问并领取,雨果跨境官方顾问

收藏

--

--

分享
孙谦
分享不易,关注获取更多干货