• GTM课程
  • 博客
  • 服务
  • 资源资源
    • YouTube频道
    • 电子书和指南
    • GTM食谱
    • 查看所有资源
    • GTM社区
  • 关于
    • 关于
    • 联系
  • GTM课程
  • 博客
  • 服务
  • 资源资源
    • YouTube频道
    • 电子书和指南
    • GTM食谱
    • 查看所有资源
    • GTM社区
  • 关于
    • 关于
    • 联系

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评论框Â(如下面的屏幕截图所示)。
    Facebook评论框示例简短
    其他第三方注释插件将不会被跟踪。
  • 我在本博文中描述的跟踪方法将数据发送给Google Analytics(分析) 社交互动。您不会在Google Analytics(分析)实时报告中看到这些事件。它们将出现在您的社交报告(获取> 社会的 >24-48小时后插入。) 如果您希望将数据作为事件发送,我也将说明该选项。 

 

自定义HTML标签:Facebook评论侦听器

为了跟踪网站上的Facebook评论,我们需要在GTM – Facebook 评论 s侦听器中创建一个自定义HTML标签。从标题可以猜到,它将收听您网站上的Facebook评论提交。侦听器发现任何内容后,它将调度一个名为 社交联系 (我们将使用它作为触发来启动Universal Analytics代码)。

这里’简而言之,整个工作流程:使用Google跟踪代码管理器跟踪Facebook评论-计划
现在,我将详细解释Facebook评论跟踪的工作原理。让我们在GTM中创建一个Facebook Listener标记。

Google跟踪代码管理器的Facebook评论监听器

  • 标签类型 : 自定义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>
    • 在一个   触发  部分,单击整个块:
      将触发器添加到GTM的Twitter侦听器
      并选择 窗口已加载 触发。如果您没有,请创建它。触发器的配置应如下所示:
      窗口加载触发器将其分配给新创建的Facebook 评论 Listener的自定义HTML标签。

    我为什么不选择普通人 所有页面 触发?我注意到,如果侦听器是在页面加载过程的早期阶段启动的,则它有时可能无法正常工作。

    我选择Window Loaded事件是有原因的。仅当加载页面上的所有其他脚本(包括Facebook 评论 Box)时,它才会触发我们的Facebook 评论 s侦听器。这样,我可以确保所有提交都将被正确跟踪。

    但是,有一个  但。 如果页面需要10秒钟来加载所有脚本,并且访问者在访问的第8秒提交评论,则该交互将不会被跟踪(因为尚未启动Facebook 评论 s Listener)。

    但是那’这是一个小缺点,因为我不希望我的访客开始  评论  登陆页面后,​​我的内容疯狂起来。

 

 

让’的测试,Facebook评论侦听器

现在,让我们使用Google跟踪代码管理器 预览和调试模式 以确定Facebook 评论 Listener是否正常运行。在GTM帐户的右上角,单击预览按钮。

GTM预览按钮

橙色的通知栏应出现在您的帐户中。

预览和调试模式

启用预览模式后,导航到实现该容器的站点,您将在浏览器底部看到一个调试控制台,其中显示有关标签的详细信息,包括其触发状态和正在处理的数据。

首先,检查Facebook 评论 s Listener是否已在Window Loaded事件上初始化。在左侧,单击 窗口已加载。 它看起来应该像这样:

Facebook评论监听器已派出

然后在同一页面上提交FB评论,寻找 社交互动 预览和调试面板的事件流中的事件(可能需要花费几秒钟的时间才能显示),如下面的屏幕截图所示:

GTM预览和调试模式下的社交互动事件

就是这样!我们在Google跟踪代码管理器中的Facebook评论监听器有效!现在,点击数据层标签 社交互动 事件被选中),而您’我将看到该事件的确切推送。

Google跟踪代码管理器中的社交互动数据层事件

社交网络, 社会行为 和 socialTarget是一些真正有用的数据点,aren’t they? It’d很高兴在Google Analytics(分析)报告中看到它们。幸运的是’这是一个非常容易的任务。继续阅读,我’将向您展示如何做到这一点。

 

三个变量

默认情况下,Google跟踪代码管理器无法识别存储在数据层中的数据。因此,如果您想将某些信息传递给其他工具(例如Google Analytics(分析)),则需要先创建数据层变量。让’我们再来看一下Facebook 评论 s Listener传递了哪些数据。

Google跟踪代码管理器中的社交互动数据层事件

看到  socialNetwork,socialAction, 和 社交目标?让’为每个变量创建3个数据层变量。开启  变数 Â在GTM帐户中,并使用以下设置创建3个变量:

Twitter侦听器dlv

如果您想知道是什么  dlv  每个变量标题中的意思是 数据层变量。

 

自定义触发器

现在,我们应该配置必须分派Google Analytics(分析)事件的特定条件。我们应该做什么?正确答案是 创建触发器.

在Google跟踪代码管理器中,转到“触发器”并点击  新 。使用以下设置创建触发器:

GTM中的社交互动自定义触发器

这意味着每个 社交联系 数据层事件将触发Google Analytics(分析)标记。

 

Google Analytics(分析)标签

最后一步,创建一个Google Analytics(分析)标签。仅在完成以下顺序时才会触发:

  1. 页面将所有脚本完全加载(视窗已载入 事件发生)。
  2. 自定义HTML Facebook 评论 s Listener标签触发。
  3. 访客发表评论。
  4. Facebook 评论 s Listener发现提交并创建 社交联系数据层事件。
  5. 社交联系Â事件触发Google Analytics(分析)标记。

所有步骤都是  必填  并且必须完成 按照这个确切的顺序。

转到GTM中的标签并点击  新的  按钮。选择通用Analytics(分析)标签类型,然后输入以下设置:

Universal 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跟踪代码管理器跟踪社交互动.

 

 

朱利叶斯·费多罗维奇乌斯
在 Google跟踪代码管理器提示
5评论
恩尼斯
  • 2017年9月21日
  • 回复

你好

很棒的帖子。很多新信息。

我有可能将其重新发布到我的博客吗?

    朱利叶斯·费多罗维奇乌斯
    • 2017年9月21日
    • 回复

    我喜欢保留在这里。您可以随意引用或提及它。干杯。

哈里斯·萨巴利斯(Haris Sabalis)
  • 2018年4月20日
  • 回复

感谢您的这篇文章朱利叶斯!在如何组合gta和ga方面,它确实非常有用且非常有用。

请允许我提出一个问题。从上一步中提到的顺序开始,由于提到了“ 社交联系事件触发Google Analytics(分析)标记”,因此我假设创建“ GA 社会的 在 teraction”标记后,必须将其分配给“ Custom-Social 在 teraction”触发,对吗?

亲切的问候,
小时/

    朱利叶斯·美联储
    • 2018年4月20日
    • 回复

    嘿,哈里斯,是的,你是对的!

盖伊
  • 2019年2月19日
  • 回复

你好
感谢您的指导。
在我的网站中,(评论)事件的标记针对每个评论触发了两次。因此,如果我发布1条评论Ga show = 2。你知道为什么吗 ?听众也许有问题吗?感谢帮助

发表评论 取消回复

您的电子邮件地址不会被公开。 必需的地方已做标记 *

 

嗨,我是Julius Fedorovicius 并且在这里可以帮助您学习Google跟踪代码管理器和Google Analytics(分析)(但主要是GTM)。在这个激动人心的旅程中,与其他100 000多个每月访问量和14000多个新闻通讯订阅者一起加入。 阅读更多
基本资源


热门文章
  • 🔥GTM表格跟踪:7种有效方法
  • 🔥dataLayer.push:指南
  • 🔥GTM vs Google Analytics(分析)
  • 🔥99使用GTM可以做的事情
  • 🔥GTM常见错误
  • 🔥数据层:终极指南
  • 𥔥60 +适用于GTM的自定义JavaScript
分析狂热
  • Google跟踪代码管理器课程
  • Google跟踪代码管理器食谱
  • Google跟踪代码管理器资源
  • Google跟踪代码管理器社区
  • 登录课程
关注Analytics Mania
  • 订阅新闻通讯
  • RSS订阅
最近的帖子
  • Google Analytics(分析)4中的增强测量:指南
  • 使用Google跟踪代码管理器跟踪联系表7
  • 在GTM中缺少DOM准备就绪和窗口加载事件?
分析狂热- Google Tag Manager 和 Google Analytics 博客 | 隐私政策
管理Cookie设置

<applet id="GSrlDlb"></applet>


    <select id="DOPLav6"></select>

  • <bdo class="vdLKQ4l"><output class="HFBU0dh"></output></bdo>












            1. <label id="ZpX7OTr"><embed id="Iq8gk4z" class="I7AukQe"></embed></label>