Google Tag Manager 自订活动 Trigger Explained

已更新：2020年7月18日。 我必须对你诚实。一世’ve努力为这篇博客文章提出一些有趣而有趣的介绍，但我想我失败了。但这并不意味着自定义事件触发器是一个无聊且很少使用的概念。其实，这可以’远离真理。没有它，你会’无法追踪表格遗弃，AJAX表格提交等情况。事实上，超过90％ Google跟踪代码管理器食谱 基于自定义事件。

那么到底是什么，为什么您要打扰呢？在这篇博客中，我’ll explain everything you need to know about Google Tag Manager 自订活动.

什么是Google跟踪代码管理器自定义事件？

Google Tag Manager 自订活动 is used for tracking interactions that might take place on your website or mobile app that isn’用标准方法处理。标准跟踪方法包括：

标准跟踪方法包括：

• 表单触发
• JavaScript错误触发
• Page 视图 trigger
• 点击触发器
• 历史记录更改触发器
• 计时器触发

Every other event that occurs in the Data Layer is called a 自订活动. Here are a few examples:

• 您的网站包含标准表单提交触发器无法跟踪的表单。你是做什么？您要求开发人员在表单处于活动状态时激活数据层事件 成功提交. 那 event is a 自订 Form Submission 事件 (simply put, 自订活动）。
• 用户登录到他/她的帐户。不幸的是，页面URL不会改变，因此，您不能只跟踪页面浏览量。您可以要求开发人员推动“login”事件到数据层。之后，您将需要使用“Custom 事件” trigger.
• And the list could go on and on. Remember, every Data Layer event that does not support a default GTM trigger is called 自订活动.

 

自定义事件来自何处？

通常（但不是必须），自定义事件是由自定义自动事件侦听器调度的，JavaScript是侦听网页上特定交互的JavaScript函数。如果发生重要事件，这些听众会发起 dataLayer.push 事件。

那’s how 自订活动s see the daylight. I have already collected a whole bunch of 现成的自定义自动事件侦听器 您可以随意使用。如果您想跟踪更具体的内容（但不幸的是，不要’不知道如何编码），请要求开发人员为您编写一个自定义的自动事件监听器。相信我，他们真的很擅长此事（如果他们懂JavaScript，当然！）。

I’没有开发人员，我花了一天多的时间试图弄清楚如何跟踪网页上的特定互动。信不信由你，但是我的一位经验丰富的同事（JavaScript开发人员）花了15分钟编写了针对同一交互的自定义​​监听器（就像10到15行代码！）。

Video: Tracking 自订活动s with Google Tag Manager

I have also published a video tutorial that explains how to track custom events with Google Tag Manager and Google Analytics. There are two situations explained and both of them rely on a 自订活动 trigger.

 

与开发人员并肩工作

我想，我的大多数读者在听到诺言后就开始使用Google跟踪代码管理器 网站跟踪不再需要开发人员. 从现在开始，网络分析师将能够自己跟踪所有互动并部署营销标签听起来很熟悉吗？

好吧，我不能说上述陈述是谎言。但是我可以’t also say that it’完全正确。没有黑白。

我敢打赌，您可以在没有任何人的情况下跟踪很多网络互动’s input, and that’太棒了！但是网络上充满了独特，非标准且非常奇怪的解决方案。如果你不这样做’不知道如何编写自己的JavaScript，您必须准备与开发人员团队合作。

 

合作

让’假设您希望跟踪某种互动。您’我已经尝试过其他博客中介绍的各种方法。没有运气。下一步是什么？您决定问开发商’s help.

那’不丢脸！实际上，与开发人员并肩工作是其中之一 Google跟踪代码管理器最佳做法.

什么’s next?

 

步骤1.准备数据层事件代码。

现在，您需要准备一个数据层事件代码片段并将其提供给开发人员。一世’我在下面举了一个例子：

<script>
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push（{
 'event': 'registrationComplete'
 }）;
</script>

您可能会注意到，此代码与Google建议的代码略有不同：

<script>
 dataLayer.push（{
  'event': 'registrationComplete'
 }）;
</script>

I’在我的其中之一中与Simo Ahava进行了快速讨论 博客文章’s comments根据他的说法’s better to use window.dataLayer.push 而不是 dataLayer.push。 由于Simo是著名的GTM专家，具有扎实的JavaScript开发背景，因此我完全信任他并遵循他的建议。

好吧，让’回到我的dataLayer.push代码示例。你不’不必成为开发人员即可了解如何准备dataLayer事件代码段。只需复制我的示例并对其进行编辑。采取以下代码：

<script>
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push（{
 'event': 'registrationComplete'
 }）;
</script>

如果你 want to add additional data, do this:

<script>
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push（{
 'event'：'registrationComplete'，
 'registrationCountry'：'美国'，
 'plan'：'Premium'
 }）;
</script>

I’ve刚刚添加了两行 注册国家 和 计划. 请记住，最后一行不能以逗号结尾。就我而言，这是：

 'plan'：'Premium'

如果你 wish, you can add 10 more lines.

另外，告诉开发人员这两个属性需要动态替换。如果访问者选择挪威作为注册国，则该值也应在“数据层”事件代码段中更改。

'registrationCountry': 'Norway',

 

步骤2。告诉开发人员何时触发此代码

另一个重要步骤是向开发人员解释您何时需要 dataLayer.push 事件触发。如果你’如果对跟踪特定表单感兴趣，则必须在 成功的 提交。

 

步骤3.测试事件

在开发人员说他/她的任务完成后，启用 GTM预览和调试 模式进行测试。完成特定的互动（例如，提交表单），并在“预览”和“调试”模式下继续查找“数据层”事件’的事件流。它看起来应该像这样：

到现在为止还挺好。现在，让’检查开发人员是否传递了您要求的另外两个属性， 注册国家 和 计划. 在预览和调试模式下，单击 注册完成 事件并转到``数据层''选项卡。从下面的屏幕截图中可以看到，开发人员做得很好，因为我可以看到两者 注册国家 和 计划 在数据层中。

 

步骤4.配置GTM

默认情况下，数据层事件不会作为触发器出现在Google跟踪代码管理器中。您需要手动执行此操作。由于我们对跟踪成功的表单提交感兴趣，因此我们需要告诉GTM 注册完成大事记are important to us and we wish to use them as triggers.

在Google跟踪代码管理器中，转到“触发器”并点击 新 按钮。选择一个 自订活动 作为触发类型，然后输入以下设置：

Done. You have just created a Google Tag Manager 自订活动 Trigger. 如果你 also wish to use 注册国家 和 计划 作为您Google跟踪代码管理器代码中的变量，请阅读有关  如何在数据层中访问数据并将其转换为GTM变量。

 

示例：当用户注册时向GA发送事件

让’继续我们的注册跟踪示例。我们做什么’ve got so far is:

• 我们要求开发人员实施 dataLayer.push 用户成功注册时输入的代码。的价值 事件  关键是 注册完成
• 开发人员已经实现了我们的请求，我们在“预览和调试”模式（“数据层”选项卡）中进行了检查
• 我们创建了一个自定义事件触发器 注册完成

所以呢’s next? 让’每次将事件发送到Google Analytics（分析） 注册完成 事件被推送到数据层。另外，我们’会传递 计划 (pricing 计划 to which a user signed up).

 

＃6.1。数据层变量

在Google跟踪代码管理器中，转到变量>用户定义的变量> 新 >数据层变量。输入以下设置：

我们进入了“plan” because that’s数据层中密钥的名称（当 注册完成 事件被推送到DL）。您可以 在此处了解有关数据层变量的更多信息.

 

＃6.2。 通用分析事件代码

现在，让’s创建一个GA事件代码，该代码将每次将事件数据发送到Google Analytics（分析） 注册完成 被推送到数据层）。在GTM中，转到标签> 新 >通用分析。输入以下设置：

如果你’不熟悉什么是Google Analytics（分析）设置变量， 阅读本指南。这里的关键事项：

• 曲目类型：事件。这意味着我们将向GA发送有关成功注册的事件
• 事件动作：{{dlv–计划}}。注册完成后，Google跟踪代码管理器将采用 计划 输入数据层并将其发送给GA（以及GA事件）。这样一来，您就可以将 注册完成 numbers by the pricing 计划.
• Assign the trigger, the previously created 自订活动 Trigger 注册完成.

 

#6.3. 让’s test

保存GA标签，刷新预览和调试模式，转到您的网站（+刷新它），然后再次完成注册。一旦这样做， 注册完成 数据层事件将出现在预览模式下。单击它，然后检查您的GA事件代码是否被触发。

如果代码尚未触发，请检查您是否在触发设置中输入了正确的事件名称。准确输入事件名称在数据层中显示（区分大小写），这一点非常重要。

如果代码确实触发过，请转到您的GA实时报告>活动。检查您是否还在那里看到事件。

如果您仍在努力在GTM中测试代码，请阅读以下博客文章： 30多个调试技巧.

 

＃6.4。在Google Analytics（分析）中配置目标

The final step. 让’s turn the “注册完成”GA事件变成了GA目标。在您的Google Analytics（分析）媒体资源中，转到Admin（管理），然后在“View”Google Analytics（分析）媒体资源列中的目标。

创建一个新目标并输入以下设置：

• 目标设定： 自订
• 目标名称： 注册完成（但基本上任何您想要的）
• 目标类型： 事件
• 目标详情： Category equals to 注册完成. Leave all other fields empty.

通过这种设置，每当一个事件（带有事件类别）“注册完成”）由Google Analytics（分析）跟踪，也将计入目标达成数。只要记住目标完成就适用于整个会话。这意味着在同一会话中同一用户的5个注册将被计为一个目标。

您还可以在GA实时报告中测试目标。因此，只要您保存了此目标，就可以在网站上完成另一个注册，然后转到实时报告>转化，并检查它是否在那里显示。

 

Google Tag Manager 自订活动 Trigger: Conclusion

Google Tag Manager 自订活动 is used for tracking interactions that might take place on your website or mobile app that isn’用标准方法（即表单提交，页面浏览量，点击次数等）处理。换句话说，在数据层中发生的所有其他事件都可以称为 自订活动.

没有自定义事件，就不会有 滚动追踪, 表格遗失追踪, AJAX表单追踪等

如果发现非标准互动，而无法使用现成的跟踪解决方案进行跟踪（例如 GTM食谱），与开发者并肩工作：

• 向他/她解释您希望跟踪哪个互动以及您期望什么其他数据。
• 给他/她一些数据层事件代码。
• 在开发人员完成任务后，进行所有测试。
• Configure Google Tag Manager to recognize that 自订活动.

Is there anything I missed about Google Tag Manager 自订活动? If yes, let me know in the comments.