博客存档

在 Google Tag Manager 设定标签及触发条件

原发布日期:2022-12-23

历史文章:保留原发布日期及内容。文中产品资料、价格及说法可能已随时间改变。

简体中文翻译草稿 · 机器辅助翻译 · 原文:英文

作为开发者,您可能在某个时候在 GTM 中配置 Tags 和Trigger 。如果您想在 GTM 中为基于反应的项目启动一个点击触发器,请找到正确的位置 。让我们一步一步地研究它 !

‎ ‎ ‎ ‎

此文章将您通过在基于反应的应用程序中配置点击触发器所需的步骤。一旦您掌握了与 GTM 相关的主要概念,您就只差几个配置步骤就可以使用所期望的标签管理能力。那么 Google 标签管理器是什么, 标签和触发函数如何使您受益 ?

‎ ‎ ‎ ‎

Google Tag 管理器 – GTM是什么, 如何使用?

Google Tag 管理器(GTM)是一个标签管理系统,它遵循基本代码配置,在任何网站或移动应用程序上提供标签的简单集成. 使用GTM的主要优点是能够直接从网络面板界面修改标签设置. 已经指出,在处理GTM时有三个基本想法:

  1. 标记是收集并传输从您的网站或移动应用程序中收集的分析数据,或者跟踪像素的代码片段(如Facebook像素).
  2. 触发器监视事件,并确定何时执行标记.
  3. 变量涉及标记或触发可能需要的额外数据(例如当URL是/some/url时执行此标记).

使用Google Tag 管理器有什么好处?

由于Google Tag Manager是一个直观而全面的网站和数字营销工具,它为您的企业和团队提供了一些优势.以下是使用Google Tag Manager的四大优势.

1. GTM不需编辑知识

Google Tag 管理器可以让任何人,包括市场营销者,在没有实质性技术技能的情况下实施标签。 方便用户的界面可以让用户在没有网络开发者帮助的情况下修改、删除或添加GTM跟踪代码,但建议提供实地背景信息。这可以让那些技术援助不足的小公司最大限度地实现互联网跟踪。

2.应负的责任和警告

由于GTM不需要网络开发商,它使营销商能够试验和测试各种技术和概念,能够根据新出现的数字营销趋势进行试验和加强营销计划,而无需外部支持。

3. GTM支持 优先派格的论文

Google 标签管理器的配置是为了同步而不是同步执行标记。这意味着每个标记在装入后立即部署, 而不是等待所有标记在发射前加载。这样可以避免加载速度缓慢的标记会阻碍其他标记的部署。

4. 器具管理,每样东西都放在一块

GTM简化并强化了使用标记的整个过程,因为所有的GTM跟踪代码都维持在一个单一的位置,而不是在单独的平台上开发和管理. 拥有从单一界面生成和查看所有部署的标记的能力可以避免重复和潜在的错误,从而导致生产力的显著提高.

Google Tag 管理器的目的是什么?

GTM有能力追踪数量无限的网站和数字营销活动,但大多数组织只使用其中的少数.

  1. 下载
  2. 卷轴
  3. 点击
  4. 表单
  5. 视频

1. 监测人PDF 下层楼

作为其数字营销战略的一部分,一些公司在其网站上提供可下载的PDF,如准则和白皮书。但是,如果无法获取下载统计数据,有效的计划就会受到严重阻碍。

Google Tag 管理器被用来监控 PDF 下载并评估其性能。一旦您能够跟踪下载,您就会将收集的数据转化为有用的见解。

  • 确定您的上下下载。
  • 确定下载成功或失败的原因
  • 考虑增强下载的战略,并使用GTM来监控您的进度.

2. 摇摆不定的贝哈维尔

GTM在您的网站和页面上检测滚动活动的能力是利用它的另一个激励因素.

了解人们如何浏览和接触您网站的内容,为网站活动提供宝贵信息。

  • 经常访问哪些网页区?
  • 哪些信息或多或少涉及?
  • 在大多数访客停止滚动的地方

通过收集的GTM数据,您可以构建一个完整的图片,说明大多数网站用户如何浏览每个页面。作为交换,您可以制定战略,增强网站用户的经验。

  • 如何构建您的网站
  • 你分享什么资料?
  • 需要改进的地点

3. 链接统计和记录

Google Tag 管理器跟踪链接点击的能力,也就是访问者点击您网站的URL,是有好处的。不仅了解用户的滚动行为,而且了解他们的点击活动,可以让人们对您网站周围的旅行有深刻的洞察力。

  • 你网站的访客是如何从一页到另一页的?
  • 哪个呼叫对行动(CTA)点击最多?.

您应该使用 Google 标签管理器 来理解链接点击, 并且根据此数据采取行动 。

  • 刷新站点, 点击次数很少, 或检查页面, 点击次数多, 以便最大限度地转换 。
  • 学习哪些因素促成了CTA的高点击通过率,并以较低的点击通过率修改CTA的拷贝.

‎ ‎

4. 表格跟踪

签署通讯、填写问卷或登记某一活动都是在网站上具有特定目的和功能的表格的例子。

为何使用 Google 标签管理器进行窗体跟踪 :

  • 报告网站通过提交表格生成。
  • 根据提交的表格数量计算运动的例行记录。

‎ ‎

5. 监测员活动

视频是一种日益流行的数字营销策略,正在增加。随着视频材料的激增,有必要了解人们如何参与信息工作。

  • 个人如何观看录像
  • 他们看到剪辑多久了?
  • 如果或当他们看完视频

‎ ‎

您的视频获取的数据可以为您的组织提供视频策略信息.

  • 如何创建未来的视频
  • 观众喜欢什么内容?
  • 公司客户理想的视频长度

‎ ‎

创建 GTM 账户

设置免费账户是一个简单的两步程序,但它与您现有的Google Analytics和Gmail账户不同。为了方便您的账户设置,我们记录了我们的账户创建程序。界面应有以下外观:

‎ ‎

接下来如何进行:

‎ ‎

步骤 1 注册账户 。

点击 Google 标签管理器页面上的绿色“为免费签名” 按钮。它会请求您的账户名称( 商业 )、 国家和网站的 URL , 以及您希望使用 Google 标签管理器的位置( 网络、 iOS、 android, AMP ) 。 完成后点击蓝色的“ 创建” 按钮 。

‎ ‎

步骤 2 向您的站点插入 js 代码

然后会为您提供代码和指示, 以便在页头> 和打开正文> 标记后放置一个代码。您现在可以这样做,或者稍后将代码应用到您的网站( 可以在您的仪表板上访问) 。一旦完成,请点击“ Ok ” 。

在您的网站插入 GTM js 代码

步骤# 3 创建标签

一旦你有一个Google Tag管理器账户,你会想知道如何立即设置一个标签.

Google Tag 管理器允许无限数量的标签设置.

这对于开发深入的关于观众行为的报导很有用,但是如果标签的组织不完善,可能会变得效率低下.

Google建议标签的命名标准如下: 标签类型 – app name– 细节.

或许你将一个标记设置确定为“AdWords转换 – iOS – 2月2018年竞选”,另一个则确定为“Google Analytics – CTA – About Us page” 。

因此,您可以准确地识别和收集某些运动或网站的相关数据。

例如,第二个标签“Google Analytics – CTA – About Us page ” 表示您“关于我们呼叫对动作”按钮的性能。这个信息很重要,如果您将标签称为更通用的,比如“CTA按钮”则可能会丢失。

现在,我们已经澄清了,让我们看看如何创建标签:

‎ ‎

步骤3.1在Google Tag管理器的仪表板上创建新标记.

在您的 Google 标签管理器仪表板中,点击“ 添加新标签”(下面以红色循环) 。

‎ ‎

步骤3.2 配置您的标签。

在页面顶端的“ Tag 配置” 框中任意单击选择标签类型。

您可以直接在下面添加代码,或者在下一步从模板开始 。

‎ ‎

步骤3.3 选择标记类型。

标签类型有几种(它们并非全部在此显示,您也可以自定义一个标签类型 ) 。请选择“ Google Analytics 4 ” ,如果您想要为您的应用程序和网站设置 Google Analytics 网页访问器监控 。

步骤#3.4 链接到您网站的 GA4

将会有一个框供您输入您的测量标识。从您的账户复制您的测量标识并将其粘贴到此字段 。

在此之前,你必须完成 您网站的 GA4 配置。

步骤#3.5通过选择触发来决定标记何时被记录 。

选择一个触发器(一个触发器是您想要记录标记的时候,比如"每次用户浏览页面"),我选择了"所有页面",每当看到我的网页时都会接收数据,但您的选择可能根据您的目标而有所不同.

‎ ‎

步骤3.6 保存您的标签。

在您对“ 标签配置” 和“ 调试” 框中的信息满意后, 点击蓝色的“ 保存” 按钮 。

步骤#4通过点击"投降"按钮激活您的标记 。

单击蓝色的“ 提交” 按钮。您的标签将无法运行,除非您这样做 。

点击“ 提交” 时,这个“ 提交配置” 页面将加载。 “ 创建版本” 和“ 创建版本”是可用的选项。我选择了“ 创建版本” ,然后点击屏幕右上角的蓝色“ Publish” 按钮,因为我已准备好将标记推入我网站的所有页面 。

第5步在您的标签中添加一个名称和描述来安排它们。 [optional]

最后,将会显示“ 容器版本描述 ” 。为了保持标签的结构化, 给每个标签一个名称和描述来解释你试图用它捕捉的东西 。

WordPress 的 Google 标签管理器

如果您的组织使用WordPress来主机其网站,将Google Tag管理器整合到WordPress中是一个简单的无码程序.

Site Kit是Google创建的官方WordPress插件. Site Kit简化了Google Tag管理器等基本Google工具的安装和配置,并提供了权威,最新的网络繁荣指导. Site Kit支持的Google产品列表.

接下来如何进行:

1.在您的 WordPress 账户中签名。

2.确保您的网站公开,即它没有维护模式或密码保护。

3.在左边的菜单中,单击插件。

4.在插件页的顶部,单击新添加,然后搜索"Site Kit".

5. 点击Google Site Kit页面上的“现在就安装”。

6. 插件安装后,从左边的菜单中选择插件。

7. 点击“ 由 Google 编辑的Site Kit” 下方激活

8.一旦插件启动,请点击左边的Site Kit。

9. 点击 Google 登录您的 Google 账户。

10.通过向导,启用Google Tag管理器和Google Analytic 4.

11.在提供许可后点击继续确认网站的所有权。

12. 允许通过选择允许访问谷歌账户信息。

13.要将网站添加到搜索控制枱,请单击添加站点按钮。

14.你成功设置了插件.

15. 点击我的盘子继续工作。

16.从左边的菜单中选择站台 Kit 和 Dashboard 。

17. 点击分析标题下的连接服务。

18. 继续通过点击继续提供更多权限。如何提供网站 Kit 扩展访问您的Google账户,并继续将WordPress整合到Google Analytics。

19. 选择已经存在的分析属性,然后单击“配置分析”。

现在,分析是配置的。

‎ ‎

包装

Google Analytics 4和Google标签管理器让您做出更知情的营销决定,并为跟踪客户活动提供了巨大的增强.

使用GTM执行这个较新的版本,并使用GA4提供的灵活性.

需要援助安装 GA4 和 GTM 吗 ?或者将 Google 标签从 GA3 移到 GA4 ?我们是来帮忙的,请随意 联系人 和我们一起!

返回博客目录