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

Shopify网站怎么安装GTM代码?

孙谦
擅长Google Ads广告,社媒instagram和YouTube红人和粉丝营销。
2022-03-22 18:23:44
图片来源:图虫创意一、注册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代码?

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代码?

关键词:

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