
2019年2月19日
如何使用Google Analytics(分析,当然还有GTM)跟踪Facebook评论
更新时间:2019年2月19日。 在Facebook上进行了一些更改’导致重复事件的一面(不确定何时)。因此,如果您前一段时间已遵循本指南,则应更新此博客文章中提供的JavaScript代码。
显然,您网站上发生的社交互动表明用户参与度很高,因此,毫无疑问,我们需要跟踪社交互动。幸运的是’借助Google跟踪代码管理器和Google Analytics(分析),非常容易监控它们。
点赞,推文等在我的其他博客文章中已经变得神秘, 如何跟踪与GTM的社交互动,但是最近,我收到了一个读者提出的问题 那Facebook评论呢?Â
首先,我想回答 否,不支持评论。但是片刻之后,我想 也许不应该’t be difficult? 事实证明,使用GA跟踪Facebook评论简直是小菜一碟。
在此博客文章中,我将向您展示如何使用Google跟踪代码管理器跟踪Facebook评论,以及如何将数据作为社交互动自动发送到Google Analytics(分析)。
本博客文章假定您至少具有Google跟踪代码管理器的中等知识。如果您是初学者,我强烈建议您查看这些内容。 免费的Google跟踪代码管理器课程首先。最低要求是:
- 您在网站上安装了Google跟踪代码管理器跟踪代码。
- 您知道什么是标签,触发器,变量和数据层,以及它们在Google跟踪代码管理器中的工作方式。
Â
Â
在我们继续之前
在深入探讨此主题之前,请牢记以下几件事:
- 此跟踪方法仅支持嵌入在您的网站上的那些Facebook评论。无法跟踪其他网站上发生的所有评论。
- 此跟踪方法仅支持 默认的Facebook评论框Â(如下面的屏幕截图所示)。
其他第三方注释插件将不会被跟踪。 - 我在本博文中描述的跟踪方法将数据发送给Google Analytics(分析) 社交互动。您不会在Google Analytics(分析)实时报告中看到这些事件。它们将出现在您的社交报告(获取> 社会的 >24-48小时后插入。) 如果您希望将数据作为事件发送,我也将说明该选项。
自定义HTML标签:Facebook评论侦听器
为了跟踪网站上的Facebook评论,我们需要在GTM – Facebook 评论 s侦听器中创建一个自定义HTML标签。从标题可以猜到,它将收听您网站上的Facebook评论提交。侦听器发现任何内容后,它将调度一个名为 社交联系 (我们将使用它作为触发来启动Universal Analytics代码)。
这里’简而言之,整个工作流程:
现在,我将详细解释Facebook评论跟踪的工作原理。让我们在GTM中创建一个Facebook Listener标记。
- 标签类型 : 自定义HTML
- 标签标题 :一种 cHTML – Facebook评论监听器.cHTML代表 自定义HTML.
- 在HTML字段中粘贴以下代码。它监视页面上的Facebook评论框并触发dataLayer事件 社交联系Â如果成功提交评论。该监听器于2019年更新,因为在Facebook上进行了一些更改’结束导致重复的数据层事件:
<script> FB.Event.subscribe('comment.create', function(commentResponse) { if (!commentResponse.hasOwnProperty("pluginID")) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'socialInteraction', 'socialNetwork': 'Facebook', 'socialAction': 'Comment', 'socialTarget': commentResponse.href }); } }); </script>
- 在一个 触发 部分,单击整个块:
并选择 窗口已加载 触发。如果您没有,请创建它。触发器的配置应如下所示:
将其分配给新创建的Facebook 评论 Listener的自定义HTML标签。
我为什么不选择普通人 所有页面 触发?我注意到,如果侦听器是在页面加载过程的早期阶段启动的,则它有时可能无法正常工作。
我选择Window Loaded事件是有原因的。仅当加载页面上的所有其他脚本(包括Facebook 评论 Box)时,它才会触发我们的Facebook 评论 s侦听器。这样,我可以确保所有提交都将被正确跟踪。
但是,有一个 但。 如果页面需要10秒钟来加载所有脚本,并且访问者在访问的第8秒提交评论,则该交互将不会被跟踪(因为尚未启动Facebook 评论 s Listener)。
但是那’这是一个小缺点,因为我不希望我的访客开始 评论 登陆页面后,我的内容疯狂起来。
- 在一个 触发 部分,单击整个块:
Â
Â
让’的测试,Facebook评论侦听器
现在,让我们使用Google跟踪代码管理器 预览和调试模式 以确定Facebook 评论 Listener是否正常运行。在GTM帐户的右上角,单击预览按钮。
橙色的通知栏应出现在您的帐户中。
启用预览模式后,导航到实现该容器的站点,您将在浏览器底部看到一个调试控制台,其中显示有关标签的详细信息,包括其触发状态和正在处理的数据。
首先,检查Facebook 评论 s Listener是否已在Window Loaded事件上初始化。在左侧,单击 窗口已加载。 它看起来应该像这样:
然后在同一页面上提交FB评论,寻找 社交互动 预览和调试面板的事件流中的事件(可能需要花费几秒钟的时间才能显示),如下面的屏幕截图所示:
就是这样!我们在Google跟踪代码管理器中的Facebook评论监听器有效!现在,点击数据层标签 社交互动 事件被选中),而您’我将看到该事件的确切推送。
社交网络, 社会行为 和 socialTarget是一些真正有用的数据点,aren’t they? It’d很高兴在Google Analytics(分析)报告中看到它们。幸运的是’这是一个非常容易的任务。继续阅读,我’将向您展示如何做到这一点。
三个变量
默认情况下,Google跟踪代码管理器无法识别存储在数据层中的数据。因此,如果您想将某些信息传递给其他工具(例如Google Analytics(分析)),则需要先创建数据层变量。让’我们再来看一下Facebook 评论 s Listener传递了哪些数据。
看到 socialNetwork,socialAction, 和 社交目标?让’为每个变量创建3个数据层变量。开启 变数 Â在GTM帐户中,并使用以下设置创建3个变量:
如果您想知道是什么 dlv 每个变量标题中的意思是 数据层变量。
自定义触发器
现在,我们应该配置必须分派Google Analytics(分析)事件的特定条件。我们应该做什么?正确答案是 创建触发器.
在Google跟踪代码管理器中,转到“触发器”并点击 新 。使用以下设置创建触发器:
这意味着每个 社交联系 数据层事件将触发Google Analytics(分析)标记。
Google Analytics(分析)标签
最后一步,创建一个Google Analytics(分析)标签。仅在完成以下顺序时才会触发:
- 页面将所有脚本完全加载(视窗已载入 事件发生)。
- 自定义HTML Facebook 评论 s Listener标签触发。
- 访客发表评论。
- Facebook 评论 s Listener发现提交并创建 社交联系数据层事件。
- 社交联系Â事件触发Google Analytics(分析)标记。
所有步骤都是 必填 并且必须完成 按照这个确切的顺序。
转到GTM中的标签并点击 新的 按钮。选择通用Analytics(分析)标签类型,然后输入以下设置:
如您所见,所有三个变量都用作 网络,行动和目标 在Google Analytics(分析)事件代码中。自从我用过 社会的 跟踪类型,所有提交的评论不会显示在Google Analytics(分析)的“事件”报告中,而是显示在 取得> 社会的 > Plugins.
如果愿意,可以随时将曲目类型更改为“事件”。在这种情况下,您还可以在GA实时报告中查看事件。
如果您想知道为什么我在“跟踪ID”字段中输入{{Constant – GA UA}},请阅读Google撰写的有关以下内容的信息: 用户定义的常量变量以及为什么要这么做 总是 使用它们。
最终测试
如果您选择 社会的 作为Google Analytics(分析)跟踪类型,数据将在24-48小时内显示在“社交插件”报告中(获取> 社会的 >插件)在24-48小时内。
如果您选择 事件 Â作为Google Analytics(分析)跟踪类型,请使用Google Analytics(分析)实时报告来查看Facebook评论提交是否正确传递到了GA。
使用Google跟踪代码管理器跟踪Facebook评论:结论
所以你有它。在这篇博客文章中,我解释了如何使用Google跟踪代码管理器跟踪Facebook评论并将该数据发送到Google Analytics(分析)。首先,您需要使用Facebook 评论 s Listener创建一个Custom HTML标签。’s JavaScript code.
每次侦听者发现成功提交评论时,它都会调度一个Data Layer事件(带有其他有用的信息)。多亏了数据层触发器和3个数据层变量,该数据可以传递到Google Analytics(分析)。
此解决方案遵循我在其他博客文章中提到的相同原理, 如何使用Google跟踪代码管理器跟踪社交互动.
Â
Â
你好
很棒的帖子。很多新信息。
我有可能将其重新发布到我的博客吗?
我喜欢保留在这里。您可以随意引用或提及它。干杯。
感谢您的这篇文章朱利叶斯!在如何组合gta和ga方面,它确实非常有用且非常有用。
请允许我提出一个问题。从上一步中提到的顺序开始,由于提到了“ 社交联系事件触发Google Analytics(分析)标记”,因此我假设创建“ GA 社会的 在 teraction”标记后,必须将其分配给“ Custom-Social 在 teraction”触发,对吗?
亲切的问候,
小时/
嘿,哈里斯,是的,你是对的!
你好
感谢您的指导。
在我的网站中,(评论)事件的标记针对每个评论触发了两次。因此,如果我发布1条评论Ga show = 2。你知道为什么吗 ?听众也许有问题吗?感谢帮助