谷歌跟踪代码管理器Google Tag Manager (GTM)教学 – 搞清4大元素

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

为什么你要用GTM?它可以为你带来什么好处?

这篇文章尝试让你了解更多Google Tag Manager的基本概念及简单的示范,让你可以先打好基础。

Google Tag Manager是什么?

Google Tag Manager 是Google的工具,可让你在用户界面上创建和控制代码,无需在创建代码时编写复杂的代码。它让你将GTM代码嵌入网站的每个页面中,消除动手创建代码的痛苦,使你的营销更加高效。

Primarily GTM is used for managing and tracking visitor’s behavior on the website, and Google allows you to use it for free.

这是不是很厉害!

为什么需要Google Tag Manager?

Google Tag Manager能执行许多操作。最主要的是,你再不需要由开发人员为你编写或置入代码。当GTM 还未出现的时候,网站管理员必须为每个追踪和广告服务页面上插入代码。他们还需要将代码插入链接和按钮等元素中以追踪用户的行为,每次有新东西要追踪时。都要劳烦他们。但有了GTM,你唯一需要做的只是添加GTM代码到页面中。它消除了编码的烦恼,使开发人员可以专注其他工作。

GTM支持更快的加载和改善你网站的SEO性能。 GTM简化了代码的编程,这意味著代码将不会再减慢页面的加载速度。

你可能会想试用这个厉害的工具,看看对你的业务是否合适。 也许你已经有一个嵌入代码的方法,又或者你觉得你的网站不需要这个帮助。

Google Tag Manager是免费使用的,因此你几乎可以零风险地随便免费试用。

在此文章,我们将向你展示如何设置帐户,如何创建新代码以及如何在Google Analytics帐户中使用Google Tag Manager。

阅读本文后,你可以再决定它是否是适合你的业务。

Google Tag Manager的主要优点

  • GTM协助提升效率

Google Tag Manager 消除了对开发人员的需求,更让你了解用户的行为。它是一种经济、高效而且可靠的解决方案。GTM可以帮助企业适应不断发展的营销条件,并让你通过了解深入的用户行为从而设计各种的业务策略。

  • Google Tag Manager可提高网站速度

GTM代码是异步使用的,这意味著如果某一个代码加载缓慢,也不会阻止其他代码的触发。

  • 集中式代码管理

GTM允许你在一个地方管理网站上使用的所有营销和分析代码。 它提高了代码管理的效率,并简化了添加、删除或编辑代码的过程。

Google Tag Manager简化了Event Tracking/Advanced Tracking

事件追踪是Google Tag Manager发挥作用的主要领域。 在GTM推出之前,如果你需要跟踪事件(例如单击各种按钮并播放影片),你则需要开发人员为每个事件添加跟踪代码。GTM解决了这个痛点。

 

如何设置Google Tag Manager帐户?

设置免费帐户非常简单,只需两个步骤。但它与Google Analytics或Gmail帐户不同。 为方便你进行设置,我们记录了设置帐户的过程。

只需点击 https://www.google.com/analytics/tag-manager ,然后点击“Sign Up for Free”。 然后,输入你的帐户名、国家/地区和网站URL,以及你要使用Google Tag的位置。 完成此操作后,请单击“Create ”按钮。

在下一步,你将获得要嵌入的代码和说明以将代码嵌入页面的和中。嵌入代码应用到你的网站后,请按“OK”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

Google Tag Manager Container ID是什么?

在GTM中,你会找到类似“ GTM-TXAAA”的代码,称为“ Container ID”。

此ID用于对每个GTM container代码进行分类,而该代码的另一部分(如“ gtm.js”)是container 代码使用的JavaScript库。

将container代码添加到你的网站后,你的GTM就会被视为已安装在你的网站上。

正确来说,Google Tag Manager 就是一个Container。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

在GTM中设置代码

拥有Google Tag Manager 帐户后。你首先要了解如何在GTM中设置代码。 这样,你可以在Google Tag Manager中创建不受限制的代码配置。.

它可以帮助你创建有关访问者行为的深入报告。但如果你无法正确管理代码,则可能会徒劳无功。

为此,Google建议使用以下命名惯例:代码类型-应用名称-详细信息。 tag type – name of the app – detail.

例如,也许你将一个标记配置命名为“ AdWords conversions – iOS – 2018-02 campaign”,然后命名为“Google Analytics – CTA – About Us page”。

这样,你可以正确地分类和累积与特定活动或网页相关的数据。

例如,第二个代码“Google Analytics – Call To Action – About Us page”显示了“关于我们”号召性用语按钮的运行情况。 你将获得的信息将很有价值。但如果你更广泛地命名标籤(例如“ CTA按钮”),则可能会丢失重要信息。

现在,让我们看看如何设置代码:

在Google Tag Manager中创建代码

代码是一组JavaScript代码,用于从你的网站或移动应用获取营销数据。 然后,它将数据发送到第三方服务,例如Google Analytics、Google Adwords、Twitter、Facebook、Comscore等。

如何在GTM中创建代码?

第1步:到Google Tag Manager Dashboard,然后点击“Add New Tag”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第2步:给代码加上标题,然后单击“Tag Configuration”以选择代码类型。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第3步:代码的类型有很多,此文未能提及所有类型,你也可以自定义代码类型。 让我们来看看“Google Analytics Universal”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第4步:如果要在Google Analytics中跟踪代码,则必须输入你的Web Property ID。你可以在Google Analytics帐户中找到它。 然后,选择“Track Type”,此处我们选择“Event”,但还有其他选项。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第5步:现在,选择一个trigger。 它记录了页面的访问。 在这裡,我们将选择“All Pages’”以获取每次有人查看你的任何网页时的数据。你也可以根据自己的喜好进行设置。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第6步:完成代码配置和trigger后,请单击“Save”以应用代码。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第7步:点击”Submit”,让你的代码可以根据你的喜好运作。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第8步:点击“Submit ”后,你将进入“Submission Configuration ”页面。在该页面上,你将看到两个选项“Publish and Create Version”或“Create Version”。 如果你准备将代码推送到所有网站页面,请选择第一个选项“Publish and Create Version”,然后点击“Publish”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第9步:之后,你将看到“Container Version Description”。 如果你想有效管理代码,请添加名称和说明,以了解该代码记录的内容。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第10步:确保你的代码显示在“Version Summary”报告中。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

现在,我们已经成功创建了第一个代码。

Google Analytics和Google Tag Manager

如果你想将GTM与Google Analytics结合一起使用,就需要执行一些步骤。 不过这是值得的,在你的网站中添加这些代码可以提高GA报告的准确性。

第一步,你必须从网站页面中删除Google Analytics代码。 你需要嵌入你的GTM 代码。 如果同时嵌入这两个代码,它会令数据变得混乱,并在随后生成两次报告。

第2步,你需要为你的Google Analytics跟踪ID创建一个variable。 Variable可提高GTM工具的效率,通过保存其他数据来提高效率。

如果你将GA Tracking ID保留为variable,则不必常常查找它。你需要为Google Analytics创建一个新代码。

Google Tag Manager的Trigger是什么?

你可以将trigger 定义为一组规则,告诉你的代码何时开始触发。 Google Tag Manager中的主要触发条件是所有页面触发条件,它告诉你的代码在页面加载时在每个页面上的触发。 该trigger 与Google Analytics代码一起使用。

Built-in GTM Trigger

Google Tag Manager中有许多内置triggers ,你可以使用它们触发代码。 GTM具有YouTube视频、自定义事件、滚动深度、按钮点击等triggers。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

GTM中的每个trigger 都使用自己的一组规则来触发代码。

例如,你可以设置一个YouTube trigger,根据用户对你的视频进行的许多不同互动来触发。

你可以在用户开始、搜索、暂停、缓冲或结束视频时触发此代码。 也可以根据用户的观看进度触发此代码,例如用户观看了50%或3分钟。

在Google Tag Manager中创建Variable

如何在GTM中创建Variable?

 

第1步:在Google Tag Manager首页上点击”Variables “。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第2步:到”User-Defined Variable”,然后点击”New”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第3步:现在,你必须命名variable 。 然后,点击”Variable Configuration”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第4步:如果你不希望ID更改为不同的代码,则将variable 类型选择为“Constant”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

第5步:现在,你必须在“Value”框中输入Google Analytics ID,然后点击右上角的”Save”。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

在下一步中,编辑“ TestTag1”并包含我们创建的新variable 。

Data Layer Variables

如果你想了解你的用户行为,则必须使用数据层。Google Tag Manager可以创建自定义Data Layer Variables。

这些Data Layer Variable可以将动态值从CMS、后端系统或电子商务平台传递到GTM。 然后,GTM可以将这些values 记录在你的代码中,并传递给你的报告。 此variable 可以一次将关键values传递给你的所有营销系统。

谷歌跟踪代码管理器Google Tag Manager (GTM)教学 - 搞清4大元素

原创文章,作者:图帕先生,感谢支持原创,如若转载,请注明出处:https://www.yestupa.com/google-tag-manager-4-elements.html

(0)
打赏 微信咖啡 微信咖啡 支付宝咖啡 支付宝咖啡
上一篇 2月 14, 2020 下午1:40
下一篇 2月 16, 2020 下午1:09

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注