<p ><img class="rich_pages" data-ratio="0.3957845433255269" data-s="300,640" src="https://upload-images.jianshu.io/upload_images/3830418-02574d7aab720a63" data-type="png" data-w="854" /></p><h3 >网站不要同时出现GA和GTM</h3><p >我们通常会使用Google Analytics去跟踪Thanks Page感谢页，但遇到更为复杂的情况，比方说需要同时跟踪Thanks Page、Submit按钮、Mailto、Chat等等点击事件，就只能通过Google Tag Manager来实现。</p><p >我见过很多公司的网站，在设置Google Tag Manager跟踪时不够优雅。他们知道GTM可以跟踪Submit等点击事件，但为了同时跟踪Thanks Page，他们仍然会保留Google Analytics代码。</p><p >其实，GTM和GA代码两者只需保留前者就可以完美实现上面的目的。并且考虑到多余的GA代码毫无以为会降低网站加载速度，所以强烈建议不要同时放置两个代码。</p><p >那么，如何使用GTM代替GA呢？</p><hr /><h3 >一、什么是感谢页( Thank You Page )?</h3><p ><span ><span >1.</span>用户成功注册之后，系统自动转到的页面就是感谢页。不管是B2B还是B2C，不管是外贸网站还是社群运营，一个网站的最终目标，不外乎让用户完成注册、询盘、沟通等行为。那么运营者如何才能知道用户达成了最终目标呢？最简单的就是感谢页。一旦用户做出最后一步动作，网站系统就会自动跳转到感谢页面。</span><span ><span >2.</span>感谢页的URL通常为以<code >/thanks</code>结尾。</span></p><p ><img class="rich_pages" data-ratio="0.525" data-s="300,640" src="https://upload-images.jianshu.io/upload_images/3830418-915954960fc6b032" data-type="jpeg" data-w="1280" /></p><h3 >二、如何跟踪感谢页？</h3><p >对于Google的产品来说，跟踪感谢页有两种方式，使用Google Analytics或者Google Tag Manager。</p><p >最简单的是通过Google Analytics，设置目标，跟踪感谢页。</p><p >但很多时候，我们不得不用Google Tag Manager代替Google Analytics，比方说需要同时跟踪页面中的<code >mailto:</code>、<code >tel:</code>，又或者我们需要用同一个Google Analytics的ID去统计多个不同网站的数据。</p><p >但是，网站通常只保留Google Tag Manager，不会同时挂载Google Analytics。这类情况，就只能通过GTM去跟踪了。</p><p ><img class="rich_pages" data-ratio="0.5233333333333333" data-s="300,640" src="https://upload-images.jianshu.io/upload_images/3830418-c1d4a4bf67600112" data-type="png" data-w="1200" /></p><h3 >三、如何使用Google Analytics跟踪Thanks感谢页？</h3><p >你需要准备下面几项内容：</p><p ><span ><span >1.</span><span >Google Analytics<sup >[1]</span>账户。我假设你的网站已经设置好了GA，否则你需要搜索其他教程，把GA代码安装妥当。</span><span ><span >2.</span>感谢页<code >URL</code>。我假设你的网站具有感谢页（否则你需要找IT解决），通常以<code >/thanks</code>结尾，建议你直接动手过一遍自己网站的注册流程，找到感谢页URL。</span></p><p >设置步骤，以英文版为例：</p><p ><span ><span >1.</span>登陆GA。</span><span ><span >2.</span>进入目标设置界面。依次点击：<code >Admin</code>-<code >Goals</code>-<code >+ NEW GOAL</code>。</span><span ><span >3.</span>设置追踪感谢页。点击<code >Custom</code>，设置一个容易理解的名称，比方说<strong >跟踪感谢页</strong>。点击<code >Destination</code>目标位置，输入感谢页URL（注意：不需要添加主域名）。最后，点击<code >Save</code>保存。</span></p><p ><img class="rich_pages" data-ratio="0.5026642984014209" data-s="300,640" src="https://upload-images.jianshu.io/upload_images/3830418-df58c8e4dc2a577b" data-type="png" data-w="1126" /></p><h3 >三、如何使用Google Tag Manager跟踪Thanks感谢页？<br /></h3><p >Google Tag Manager的设置比Google Analytics复杂，不过没有任何难度，只要耐心就可以成功。你需要准备下面几项内容：</p><p ><span ><span >1.</span><span >Google Tag Manager<sup >[2]</span>账户。同样的，我假设你的网站已经设置好了GTM。</span><span ><span >2.</span>感谢页<code >URL</code>。和上面的相同。</span></p><p >设置步骤，以英文版为例：</p><p >第一步，关联Google Tag Manager和Google Analytics</p><p ><span ><span >1.</span>新建变量。在WORKSPACE面板，找到<code >Variables</code>变量。点击<code >User-Defined Variables</code>用户自定义变量。</span><span ><span >2.</span>配置新变量。</span></p><ul class=" list-paddingleft-2" ><li><p ><span ><span >1.</span>首先，给变量一个容易理解的名字。</span><span ><span >2.</span>然后，选择<code >Variable Type</code>变量类型为<code >Google Analytics Settings</code>。</span><span ><span >3.</span>最后，在<code >Tracking ID</code>输入你的Google Analytics账户ID，保存。</span></p></li></ul><p ><br /></p><p >第二步，新建<code >Triggers</code></p><p ><span ><span >1.</span>新建触发器。在WORKSPACE面板，找到<code >Triggers</code>触发器。点击右上角的<code >New</code>新建。</span><span ><span >2.</span>配置新触发器。</span></p><ul class=" list-paddingleft-2" ><li><p ><span ><span >1.</span>首先，给变量一个容易理解的名字。</span><span ><span >2.</span>然后，选择<code >Trigger Type</code>类型为<code >Page View</code>。</span><span ><span >3.</span>然后，选择<code >Some Page Views</code>。</span><span ><span >4.</span>最后，选择<code >Page URL</code>-<code >equals</code>-<code >你的感谢页URL</code>，保存。</span></p></li></ul><p ><br /></p><p >第三步，新建<code >Tags</code></p><p ><span ><span >1.</span>新建标签。在WORKSPACE面板，找到<code >Tags</code>标签。点击右上角的<code >New</code>新建。</span><span ><span >2.</span>配置新标签。</span></p><ul class=" list-paddingleft-2" ><li><p ><span ><span >1.</span>首先，给变量一个容易理解的名字。</span><span ><span >2.</span>然后，选择<code >Tag Type</code>类型为<code >Google Analytics - Universal Analytics</code>。</span><span ><span >3.</span>然后，设置<code >Track Type</code>为Event</span><span ><span >4.</span>然后，设置<code >Category</code>为Thanks Page（此项可以自由设置，方便自己区分即可）</span><span ><span >5.</span>然后，设置<code >Action</code>为Submit（此项可以自由设置，方便自己区分即可）</span><span ><span >6.</span>然后，设置<code >Label</code>选择<code >Page Path</code></span><span ><span >7.</span>然后，Google Analytics Settings选择<strong >第一步</strong>设置的{Google Analytics Settings}</span><span ><span >8.</span>其他的选项，保持不变</span><span ><span >9.</span>最后，在<code >Triggering</code>选择刚刚配置好的Thanks Page触发器，保存。</span></p></li></ul><p ><br /></p><p >第四步，发布GTM配置 在WORKSPACE面板，点击右上角的Submit，发布新设置的GTM</p><p >第五步，在Google Analytics目标中关联GTM的设置</p><p ><span ><span >1.</span>新建目标。<code >Admin</code>-<code >Goals</code>-<code >+ NEW GOAL</code>。</span><span ><span >2.</span>配置新目标。</span></p><ul class=" list-paddingleft-2" ><li><p ><span ><span >1.</span>首先，选择<code >Custom</code>，给目标一个容易理解的名字。</span><span ><span >2.</span>然后，选择<code >Event</code>，复制GTM中的各个字符串到<code >Event conditions</code>中对应的各自中，一一对应。</span><span ><span >3.</span>最后，保存。</span></p></li></ul><section >如果有AdWords，记得关联新设置的目标到AdWords账户中。</section><p><br /></p><p ><img class="rich_pages" data-ratio="0.5975609756097561" data-s="300,640" src="https://upload-images.jianshu.io/upload_images/3830418-3cf0d85e73f90688" data-type="png" data-w="1148" /></p><h3 >如果上面的教程没有帮你解决问题</h3><p >看完这篇文章，你应该已经学会了如何在只有Google Tag Manager代码的前提下跟踪网站的特定页面，并在Google Analytics中设置目标关联GTM的设置。</p><p >关于Google Tag Manager和Google Analytics的设置指南，我还发布了其他文章，可以参考其他文章中的方法。如果还有其他疑问，可以通过微信公众号留言联系我。</p><h3 >References</h3><p ><code >[1]</code> Google Analytics: <em >https://analytics.google.com/</em><br /><code >[2]</code> Google Tag Manager: <em >https://tagmanager.google.com/</em></p><p ><img class="rich_pages" data-ratio="0.6568627450980392" data-s="300,640" src="https://upload-images.jianshu.io/upload_images/3830418-69d5498eebceb9d0" data-type="png" data-w="714" /></p>