如何配置 Google 跟踪代码管理器以跟踪同一页面上的链接点击答案

【问题标题】：How to configure Google Tag Manager to track link clicks on the same page如何配置 Google 跟踪代码管理器以跟踪同一页面上的链接点击
【发布时间】：2015-03-07 01:52:51
【问题描述】：

我有一个设置了内部链接的单页网站 - 我想跟踪这些链接以及在我的页面上发生的所有其他点击，例如：

website.com/#link-to-here

然后再往下我有以下 HTML：

<div id="link-to-here"></div>

因此，当单击时，视口会更改以查看该特定 ID，但仍停留在同一页面上。

我正在尝试设置自动事件侦听器 - 这似乎可以工作，但只跟踪我到网站上另一个页面的一个链接（其余的在同一页面上）。

我已经设置了 Analytics Universal、标签管理器，并且我的所有页面视图都可以正常工作并处于实时视图中。

我遵循了各种教程，并且在跟踪代码管理器中我目前设置了 3 个标签：

具有“所有页面”触发规则的 Universal Analytics - 无条件
Link Click Listener 有 2 个触发规则“所有点击”，条件为 {{event}} 等于 gtm.click，然后条件“所有页面”条件为 {{url}} 匹配 RegEx .*
内部链接上的 UA 事件与触发规则“内部链接点击”同样具有 2 个条件 {{event}} 包含 gtm.linkClick 并且 {{url}} 包含光谱（这是 URL 的一部分）。我想我不确定他们是否会是 www。或者不是这样，这可能会消除任何差异，因为 URL 将始终包含光谱 - 尽管这可能是我出错的地方。

【问题讨论】：

确保每次单击要跟踪 gtm.linkClick 的任何元素时都在发生。

标签： google-analytics google-tag-manager

【解决方案1】：

您的链接点击监听器只需要使用“所有页面”规则触发。

如果此事件仅用于跟踪内部链接点击，那么也许只需将 {{url}} 部分更改为 {{hostname}}（主机名是 url 的一部分），这样您就不需要检查整个网址。这可能不会发生，但您可以获得像 http://www.example.com/spectrospective 这样的链接，在这种情况下，名称“spectrospective”在 url 中，但它不是内部链接，您的事件会触发。

【讨论】：