GoogleTagManager 介绍与使用

10,637 阅读8分钟

目录

文档概述

名词解释

优势

使用

Q&A


文档概述

这篇文档讲解了GTM(Google Tag Manager)相关的名词、概念和用法实例,并结合GA,提供了优势分析和操作实例。

同时,对于常见的问题和解答做了一一列举。


名词解释

代码(Tag)

什么是代码?

代码就是在网页上执行的一段HTML代码。(A Tag is HTML code that executes on a page.)

而对于GTM,代码指的是向第三方(比如 Google)发送信息的代码段。(A tag is a snippet of code that sends information to a third party, such as Google.)

触发器(Trigger)

在GTM中,触发器简而言之就是可以决定哪些代码能以何种方式触发。

变量 Variable:

在GTM中,变量用于接收和存储数据,被Tag和Trigger使用

Google Tag Manager(谷歌代码管理器,GTM)

Google 跟踪代码管理器是一个代码管理系统,可以快速轻松地更新网站或移动应用上的代码和代码段,例如用于流量分析和营销优化的代码和代码段。可以通过跟踪代码管理器的界面添加和更新 AdWords、Google Analytics(分析)、FirebaseAnalytics、Floodlight 和第三方代码或自定义代码,而无需修改网站代码。这样既减少了错误,也免除了配置代码时向开发者求助的麻烦。(Google Tag Manager is a tag management system that allows you to quickly and easily update tags and code snippets on your website or mobile app, such as those intended for traffic analysis and marketing optimization. You can add and update AdWords, Google Analytics, Firebase Analytics, Floodlight, and 3rd party or custom tags from the Tag Manager user interface instead of editing site code. This reduces errors and frees you from having to involve a developer when configuring tags.)

Google Analysis(分析,GA)

Google Analytics(分析)可以帮助你衡量销售与转化情况,且能为你提供新鲜的深入信息,帮助你了解访问者如何使用您的网站,他们如何到达您的网站,以及您可以如何吸引他们不断回访。


优势

为什么要使用GTM? 使用GTM有什么优势?

简单来说,GTM让你添加js代码到你站点的方式更简单,取代了硬编码的形式,你可以直接通过界面操作去决定什么时候触发和触发哪些页面,还能测试是否触发。

因此,Google Tag Manager是一个对用户非常优化的方案。能用于管理代码,标签,js代码,能像第三方发送数据,而已通过它给你的站点或app添加AD转跟踪代码,再营销代码,DCM代码等。

另外,GTM和GA可以结合使用,利用GTM部署GA代码。

下面总结了GTM的7个优点:

  1. 它是免费的 无需担心,GTM是免费的,它有甚多令人惊奇的功能,如账户和用户管理,代码触发规则,第三方代码,自定义HTML等。

  2. 你可以直接使用 部署GTM后,你可以再不需要开发支持的情况下直接往页面添加代码,测试,直到你测试无误后直接发布。

  3. 忘记限制 通过google Tag Manager,你可以使用更多的非谷歌的产品,可以部署第三方预定义的代码,如marin,comScore,AdRoll等,如果找不到你想要的第三方代码,你开可以定义。不是可以适用于网站,可以用于ios和Android。

  4. 无缝与GA结合 Google Tag Manager能更好支持Google Anlaytics一些复杂而使用的功能,例如Userid跟踪,Userid跟踪能解决跨设备跟踪的问题,能够提供更加准确的数据。Google Tag Manager也可以更加方便的设置自定义维度,自定义字段,跨站跟踪,增强型电子商务跟踪等。

  5. 跟踪方便 由于网上很多资源,你可以很容易去跟踪如youtube视屏播放,打印跟踪,ajax表单跟踪等。

  6. 无需关心安全问题 无需担心,Google Tag Manager拥有你所需的安全管理功能,你可以给不同的用户授予不同的权限。

  7. 直接可以debug 有debug功能,内置错误检验,版本控制,所以你可以再上线之前知道发生了什么。


使用

使用的流程

  1. 转至 tagmanager.google.com 并创建一个帐户。

  2. 在此帐户中为网站创建一个容器。

  3. 将容器代码段添加到网站。

  4. 将硬编码代码(如 AdWords 或 DoubleClick 代码)从网站的源代码迁移到跟踪代码管理器中。

使用示例

下面从创建GTM容器到页面触发嵌入指定代码片段为例,演示GTM的基本使用。

1 . 创建账号

创建账号1

创建账号2

2 . 安装

创建账号之后会弹出『Google 跟踪代码管理器服务条款协议』,接受后可以看到『安装 Google 跟踪代码管理器』页面,分别将两段代码放在网站的和元素中。

创建账号3

3 . 配置变量

4 . 配置代码

5 . 配置触发器

6 . 发布

7 . 查看效果

访问[test.mapemall.com/account/wis…]即可看到指定的代码片段已经嵌入网页中了。


Q&A

迁移到GTM需要准备什么? 难度大吗?

为确保 Google 跟踪代码管理器的配置符合您的业务需求,请考虑以下几点:

  1. 需要多少帐号?应该由谁来创建这些帐号?

首次设置跟踪代码管理器帐号时,可以制定一项策略,用来规定由谁负责长期管理帐号,以及万一团队成员角色变更,帐号所有权将如何处理。

最好每个公司设置一个跟踪代码管理器帐号,需要管理代码的公司应该在 Google 跟踪代码管理器中创建帐号,代理机构可以登录自己的 Google 帐号来管理客户的 Google 跟踪代码管理器帐号.

  1. 您是移动应用开发者吗?

为每个移动应用设置一个容器。应用的每个主要新版本都应具备一个新容器。(应用的次要更新可使用相同的容器,因为它们的配置键很可能完全相同或非常相似。

  1. 您要管理多个网域吗?

通常,您需要为每个网域设置一个容器。不过,如果用户体验和网站上的代码会跨越多个网域,则最好为这些相关的网域设置一个容器。以下是一些注意事项:

配置(规则、触发器和变量)无法在不同容器间轻松共享,除非使用容器导出和导入功能或 API。如果各个网域之间的代码和触发逻辑相似,则可以使用一个容器,原因是维护多个相似的配置比较费时,还容易引发错误。

一旦有人发布容器,所有更改均会生效(不论哪个网域)。如果您只需要对一个网域应用更改,而不希望其他网域受到影响,则可以为每个网域使用不同的容器。

  1. 您在网站中部署了什么代码?部署在何处?

首先是确认已经部署在网站中的所有代码及其部署位置(例如所有页眉或页脚、着陆页、确认页以及对按钮点击的响应等)。

仔细思考您想要收集的信息并决定是否要部署其他代码。如果您要收集的数据没有在网页上显示,请参阅开发者文档,了解如何将其他数据传递到代码。

如果您的所有代码都会在网页加载时触发,而且可以通过网址识别这些网页,那么基本的容器实现就可以满足您的需求了。创建 Google 跟踪代码管理器帐号和容器之后,只要将所提供的容器代码段(创建容器时生成)放在网站的每个网页上,紧跟在起始 HTML body 标记后面。要了解容器和容器代码段,请参阅设置和安装。

如果您的代码触发场景更为复杂,那么您可以采用自定义程度更高的容器实现方案。此类自定义解决方案通常会实现一个数据层,该数据层是一种代码,会帮助 Google 跟踪代码管理器将您网站或应用中的数据传送到您的代码中。您可以通过我们的解决方案指南了解使用数据层的原因和方式,还可以在我们的开发者网站上了解如何设置数据层。

GA与GTM傻傻分不清楚:GA与GTM是同一个东西吗?他们之间有什么关系?

相当一段时间里,Google Analytics被用于收集,处理,配置和分析网站或app的数据,而且结果可以在页面直接看到。直到2012年,Google发布新款重磅产品,也就是Google Tag Manager。

对Google Tag Manager的认识错误在哪里?其中最大的一个误解就是认识Google Tag Manager和Google Analytics是同一个东西,这是错误的,事实上,Google Tag Manager完全是一个独立的工具。

GA与GTM傻傻分不清楚