使用Google Analytics（分析）4和GTM跟踪点击

如果您刚开始使用Google跟踪代码管理器，则点击跟踪可能是您要实施的最迫切的要求之一。您的网站上有许多可点击的元素，您想了解网站访问者是如何与它们进行交互的。

在此博客文章中，我们 will take a look at how to track 点击 s with Google Analytics 4 和 Google Tag Manager.

首先，我们将研究GA4中的一些自动点击跟踪功能，然后在GTM的帮助下扩展被跟踪事件的列表。

顺便说一句，如果您是Google Analytics（分析）4的新手（或刚刚起步），请在下面下载我的免费电子书。

 

准备？让’s get started.

 

目录

+隐藏目录+

• 影片教学
• 为什么跟踪点击？
• GA4中的自动点击跟踪（增强测量）
• 跟踪自定义点击
• 注册自定义定义
• 在Google Analytics（分析）4中测试您的点击跟踪
• Track 纽扣 点击 s
• 将重要点击标记为转化
• 最后的话

 

影片教学

如果您喜欢YouTube视频，请点击此处’是我频道中的一个如果你没有’t yet, 考虑订阅以了解最新的Google Analytics（分析）4.

 

为什么要完全跟踪点击？

考虑一下： 您在任何网站上进行的最常见的互动是什么？ 它可能（可能）是页面视图，滚动和单击。您单击链接和按钮以从一个页面导航到另一页面，以到达特定目标。您的网站访问者也会这样做。

因此，跟踪此类互动至关重要-更好地了解用户/访问者的行为。捕获点击，将其数据发送到您的分析工具（例如Google Analytics（分析）），然后分析数据。

这里 are some of the popular uses cases for 点击 tracking in Google Analytics 4:

• 按钮点击跟踪 (say “Add to cart” 纽扣 点击 s)
• 出站链接点击 （跟踪访客单击指向外部资源的链接（第三方网站）的时间）
• 联系人链接点击 （例如，点击电子邮件地址或电话号码）
• 档案下载 （当某人点击包含文件扩展名的链接时，例如 .pdf , .docx 等）

在此博客文章中，我们’我们将了解一下Google Analytics（分析）4如何自动跟踪出站链接点击和文件下载。然后，当您可能希望跟踪网站上的其他可点击元素（即链接）时，我将向您展示另一个示例。如果这还不够，我将提供与按钮单击跟踪有关的其他资源。

 

Google Analytics（分析）4中的自动点击跟踪

在Google Analytics（分析）4中配置网络数据流时，您可以选择使用增强测量。它旨在帮助营销人员在报表中获取尽可能多的事件，而无需与开发人员合作或在Google跟踪代码管理器中进行配置。

如果你去  管理员> Data Streams > 选择网络数据流，将打开以下窗口，您将在其中看到一个部分 增强测量.

默认情况下，此功能处于启用状态，并将自动跟踪以下事件：

• 页面浏览量（事件名称：  页面预览 )
• 滚动（事件名称：  滚动 )
• 出站链接点击（事件名称：  点击  with the parameter  出站：正确 )
• 网站搜索（事件名称： view_search_results)
• 视频互动（事件： video_start，video_progress，video_complete)
• 文件下载（事件名称：  file_download )

如果需要，您可以分别禁用/启用事件，可以通过单击 增强测量 section 然后点击 ing toggle 纽扣s.

此外，可以额外自定义一些事件。让我们快速查看与点击相关的事件。

点击 。这是出站链接点击的事件（当点击的链接将访问者重定向到另一个域时。与此事件一起，还有一个附加参数  出站  （值“ true”）被发送。带有此参数的事件表示发生了出站链接点击。与此事件一起，发送了一堆其他参数： link_classes，link_domain，link_id，link_url.

如果您的企业在多个域中运营，则可以转到  标记设定 （属于同一事件流）> 配置您的域 然后输入您的业务领域。在那里列出的所有域都不会触发出站链接点击事件。

file_download 。单击链接，并且该链接包含以下文件扩展名之一时，此事件将发送到GA4。  .pdf ，.xls，.xlsx，.doc，.docx，.txt，.rtf，.csv，.exe，.key，.pps，.ppt，.pptx，.7z，.pkg，.rar，.gz ，.zip，.avi，.mov，.mp4，.mpe，.mpeg，.wmv，.mid，.midi，.mp3，.wav，.wma。换句话说，如果链接打开/下载文件。目前，无法在GA4界面中使用其他扩展名更新列表。

选择要跟踪的事件后，点击  保存  在右上角，然后确保启用了增强测量（切换为蓝色）。

从那时起，您的Google Analytics（分析）4将开始自动跟踪事件。 使用DebugView 检查是否正确捕获了所有内容。

但是，如果您想跟踪其他元素（不是文件或出站链接）的点击，该怎么办？好吧，让’进入下一章。

 

使用Google Analytics（分析）4跟踪自定义点击

小费： 如果您想了解有关如何使用Google Analytics（分析）跟踪事件的更多信息4， 阅读这份详尽的指南 （其中还包括视频）。

这里’s an example (that I’我在其他一些与事件相关的GA4指南中已经提到过）。让’s说我有一个演示网站，我想跟踪菜单栏中的点击。

注意 ：大多数网站上的菜单链接点击跟踪触发条件有所不同（因为不同的点击类别，ID等）。尽力应用此示例。

首先，我需要创建一个具有正确条件的触发器，以区分任何单击和菜单链接单击。启用 Google跟踪代码管理器的预览模式 并尝试单击网站上的任何菜单链接。点击第一个链接后，您应该会看到  链接点击  预览模式左侧栏中的事件。

如果看不到，则应该：

• 至少有一个 只是链接 页面上激活了GTM触发器
• 或在“增强的测量设置”中启用了“文件下载”或“出站链接”跟踪

假设您没有在GA4中使用增强测量。在这种情况下，我们应该创建一个链接点击触发器。去 Google跟踪代码管理器> Triggers > New > 只是链接 。将触发器设置为“所有链接单击”，然后保存触发器。

通过创建此触发器，我们将在Google跟踪代码管理器中启用链接跟踪功能。

然后去  变数> Configure （在“内置变量”部分中）并启用所有与点击相关的变量。

Refresh the preview mode (by 点击 ing the Preview 纽扣 once again).

然后转到您的网站并单击任何菜单链接。实际上，至少单击其中两个。返回预览模式，您应该开始看到  链接点击  预览模式下的事件。点击第一个  链接点击  事件，然后转到预览模式的“变量”标签。

然后点击第二  链接点击  事件。我目前正在寻找一些可用于区分菜单链接单击的变量。我不想在任何链接点击时触发我的GA4事件代码。我想在菜单链接单击上将其精确触发。

仔细查看后，我发现两个链接都包含相同的内容  点击类  value, site-nav__link site-nav__link–main 。 顺便说说，   导航  在此上下文中表示“导航”。大！我将在“ 只是链接 ”触发器中使用它。

返回GTM容器中的触发器列表，然后为“所有链接点击”单击先前创建的触发器。我们将对其进行编辑并添加一个条件：  点击类  contains site-nav__link–main

保存触发器。现在，该创建Google Analytics（分析）4事件代码了。去 标签> New >Google Analytics：GA4活动。选择您现有的GA 4配置标签，然后输入事件名称。它的价值取决于您。以下任何选项都可以：

• 菜单 _click
• 菜单
• 菜单 _item_click
• 菜单点击
• 等等

这些只是一些示例。由于我们正在处理自定义事件，因此我们可以根据需要命名（只要我们遵循 名称长度的限制， 例如）。

就我而言，  菜单 _click  事件名称。但是这次，仅发送事件名称不是很有用。您可能想知道点击频率更高的确切菜单项。我们还发送菜单项的名称和URL怎么样？

我们可以通过发送其他事件参数来做到这一点。即使您可以使用“增强测量”文档中已经提到的参数（例如  link_url   和   link_text ），我们创建两个自定义参数（因为我只想向您展示如何配置它们）。

我将传递两个参数，  菜单 _item_url  and  菜单 _item_name 。 我设置了这些参数名称，您也可以这样做。这就是数据模型提供的灵活性。

要发送自定义参数，您必须展开 事件参数 Google Analytics 4事件代码中的“部分”，然后单击  添加行 .

输入第一个参数的名称。就我而言  菜单 _item_url 。 在里面   值  字段中，我将插入一个返回点击的URL的变量。幸运的是，GTM已经提供了这样的变量，它叫做  点击网址 。 点击  插入变量 纽扣 和 then select the {{Click URL}} 变量。

让我们添加另一个参数，  菜单 _item_name 。为此，GTM提供了另一个内置变量， {{点击文字}} 。插入它。由于您网站的访问者可以翻译您的网页， {{点击文字}} 值也会发生变化，因此您会在GA4报告中看到更多收集的值列表。

如果您想发送更多参数，则可以随意执行。您最多可以发送 一个事件有25个自定义参数.

分配先前创建的  只是链接  触发此标签。保存标签。刷新GTM预览模式，然后单击几个菜单项。返回到预览模式，然后单击那些  链接点击  事件。检查是否触发了菜单链接点击的GA4事件代码。

现在，您需要转到Google Analytics（分析）4并检查  调试视图 。您将进一步了解 在这篇博客文章中.

重要 ：即使您会在实时报告和  调试视图  在GA4中，您将无法在其他GA4报告中看到它们。 除非您将这些参数注册为自定义尺寸 在Google Analytics（分析）中。阅读此博客文章的下一章。

 

注册自定义定义

这适用于您发送给Google Analytics（分析）4的任何事件参数。如果您想在“渠道”报告，“探索”中查看/使用它们，请在标准报告中查看其报告卡等，则必须在GA界面中注册自定义参数。

在Google Analytics（分析）4中，转到  所有活动  and then 点击  管理自定义定义。由于通过菜单链接click发送了2个自定义参数，因此我们必须在此处注册它们。

点击  创建自定义尺寸 按钮，然后输入您发送的第一个参数的名称。就我而言  菜单 _item_url 。 保存。

然后注册第二个参数（在我的情况下，  菜单 _item_name ）并保存。顺便说一句，我有时会交替使用“自定义参数”和“自定义维度”这两个词。通常，自定义指标和自定义维度都归为自定义参数。

现在我们等待。在接下来的24小时内，自定义参数将开始出现在您的Google Analytics（分析）4报告中。

 

在Google Analytics（分析）4中测试您的点击跟踪

配置自定义事件后，就可以对其进行测试了。用于调试GA 4数据的主要功能是  调试视图  部分。您可以在GA4界面的左下角找到它。点击它。

那就是您应该进行调试的地方。请勿将其与GTM预览和调试模式混合使用。他们是两种不同的野兽。

要在GA4中启用调试模式，您可以使用几种选择（其中任何一种都可以使用）：

• 启用GA调试器Chrome扩展程序
• 寄一个   调试模式  参数和事件
• 在要调试的页面上启用了Google跟踪代码管理器的预览模式

但是由于我们与Google跟踪代码管理器合作， GTM预览模式 启用自动启用debug_mode, 因此数据将开始出现在GA4 调试视图 中。

当您开始在DebugView中查看数据时，可以单击每个单独的事件，然后将显示参数列表。

单击该参数以查看GA4收到的值。现在，这是一些精细的调试！

另外，请确保您在左上角选择了正确的调试设备。

如果有多个访问者启用了调试视图（例如，他们都启用了Chrome扩展程序），则您将在其中看到多个设备，可能需要一些时间才能找到自己。

无论如何，一旦您开始看到  调试视图 ，  事情看起来像这样。

大事记 标有蓝色图标， 转换 与绿色。在您的情况下，menu_click事件将为蓝色（而不是绿色）。

重要：  请忽略我对待的事实  菜单 _click  事件作为转化。这只是出于演示目的 

如果单击事件，您将看到与事件一起发送的参数。单击参数以查看其值。

确保数据输入正确并正确显示后，您应该在GTM容器中提交GA4更改并发布。

You can do that by 点击 ing the SUBMIT 纽扣 in the top right corner 和 then complete all the other steps that the user interface asks you to do.

在那之后，您应该很快也开始在实时报告中看到新数据。

 

Track 纽扣 点击 s

在某些网站上，按钮被编码为仅具有按钮样式的简单链接。但是在其他网站上，它们被编码为其他元素（例如，使用HTML<button> element).

如果说’根据您的情况，上述示例将无济于事。那你应该 请参阅此博客文章 其中一章专门说明了如何跟踪按钮的点击）。即使其中的示例仍与Universal Analytics（通用Analytics（分析）的旧版本）相关，您也应该能够适应。

 

将重要点击标记为转化

有些点击对您的业务可能比其他点击更重要，因此应在Google Analytics（分析）4中将其配置为转化。如果您想了解有关转化的更多信息（以前称为“goals”), here is a 有关如何做到这一点的博客文章（+视频）.

 

如何使用Google Analytics（分析）4跟踪点击：最后的话

然后’在另一个的尽头 Google Analytics 4教程。这次，我们学习了如何使用Google Analytics（分析）4（显然是Google跟踪代码管理器）来跟踪点击。综上所述，该过程如下所示：

• 如果要文件下载和出站链接点击，请使用GA4的内置功能，即增强测量。
• 是否要跟踪其他链接点击？在GTM中创建自定义触发器，并将其链接到GA4事件代码（就像我们对菜单链接单击所做的一样）
• Want to track 纽扣s (that are not links HTML-wise)? Use the All Element Clicks trigger in GTM (I have linked 到我的另一个教程，并带有一些示例 ）。

另外，不要’不要忘记将点击事件参数注册为自定义定义（如果您打算在GA4报告中使用它们）。