如何在Shopify安装Google Tag Manager？

为什么要在shopify安装Google Tag Manager?

可以有效地跟踪和分析访问我们网站的用户的行为，同时，允许我们添加和管理各种跟踪代码，例如 Google Analytics、Facebook Pixel 等，而无需技术专业知识或直接修改网站的代码。

Google Tag Manager 的作用：是根据定义的规则触发跟踪代码的工具。

Google Tag Manager 并不能取代 Google Analytics。相反，它可以用来向网站添加 Google Analytics跟踪代码和tag 、部署 Google Analytics代码片段，以及定义每个tag 的触发规则。

第一步：查看GTM安装代码

方法一：点击 GTM-XXXXXXX

方法二：Admin – Install Google Tag Manager

第二步：将snippets代码复制粘贴到shopify后台。

Online Store -Theme – Edit code – theme.liquid

1. <head> 将此代码粘贴到页面的 <head> 中尽可能高的位置:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXXX');</script>
<!-- End Google Tag Manager -->

2.将此代码粘贴到打开 <body> 标签之后：

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

第三步：检查Google Tag Manager是否在shopify上安装成功。

1. 在Google Tag Manager选择Workspace

2. 点击Preview