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

一月17,2018

Google Analytics(分析)社交跟踪:Facebook,Twitter,Linkedin和Pinterest按钮

您网站上发生的社交互动清楚表明用户参与度很高,因此毫无疑问,我们需要对其进行跟踪。幸运的是’追踪它们非常容易。在这篇博客中,我’ll向您展示如何进行Google Analytics(分析)社交跟踪并捕获点击次数 Facebook喜欢 ,一种  Twitter推文 ,一种  LinkedIn 分享s 和   销 terest别针.

UPDATE: Due to privacy issues Facebook decided to deprecate a particular solution which allowed us to track clicks of native Facebook Like Button. 那里fore it is no longer possible to track it.

 

在我们继续之前

那里’您应该知道的一些事情。为了使Google Analytics(分析)社交跟踪正常工作,我们’将使用另一种称为Google跟踪代码管理器(GTM)的工具。如果你’重新使用它并已将其安装在您(或您的客户端)上’s)网站,请随时跳到下一章。

如果你’re new to GTM, 这里’一个非常快速的介绍。

Google跟踪代码管理器是Google的免费软件,可让您将各种类型的代码(标签)安装到您的网站上。标签的很好的例子是Google Analytics(分析)跟踪代码,Google Analytics(分析)事件代码,Adwords转换脚本和再营销标签。使用GTM可以将更多类型的代码添加到您的网站,包括自定义代码。

Google跟踪代码管理器方案

为什么GTM有用?您’它将减少对IT /开发人员的依赖,并将能够更快地部署跟踪代码。此外,所有跟踪代码都在一个位置GTM中进行控制,这使跟踪过程更加高效。

如果你’仍然感到好奇,请阅读完整的原因清单 为什么您应该立即开始使用Google跟踪代码管理器.

 

 

安装Google跟踪代码管理器并学习一些知识

如果你 haven’尚未完成操作,请访问Google跟踪代码管理器官方网站,创建一个帐户并按照本指南进行操作 如何正确安装Google跟踪代码管理器. 如果你 already have Google Analytics tracking code added to the website (a.k.a. 硬编码),Lunametrics已发布了非常详细和有用的指南 如何从硬编码的Google Analytics(分析)迁移到Google跟踪代码管理器+ GA.

在你之后’安装了Google跟踪代码管理器后,我的建议是了解一些工作原理。一世’ve列出了不同方法的清单 学习Google跟踪代码管理器.

是的,我知道这需要大量时间进行投资,但会有所回报。 GTM越来越受欢迎,因此您越早加入人群,您就越快’会成为专业人士,并在您的简历中增加一项技能(需求量很大)。唐’相信我吗?只需查看Google趋势中的图表即可。

GTM趋势

附言每年发生的减少都是由于圣诞节。

现在,让’返回本指南的主要主题Google Analytics(分析)社交跟踪。第一个是Facebook的“赞”按钮。

 

#1脸书喜欢

UPDATE: Due to privacy issues Facebook decided to deprecate a particular solution which allowed us to track clicks of native Facebook Like Button. 那里fore, it is no longer possible to track it (unless the website is still using old version of Facebook Like Button script).

那里 are several things to keep in mind before we dive in:

  • 这种跟踪方法仅支持嵌入在您网站上的那些按钮。无法跟踪其他网站在一段时间内的所有点赞和分享。唐’不必浪费您的时间来尝试捕捉在Facebook本身上发生的类似点击。赢了’t work.
  • 此跟踪方法仅支持 默认的Facebook按钮。将不会跟踪AddThis,Sumo或任何其他社交共享插件。如果使用自定义社交按钮,则应尝试使用默认的GTM单击触发器,或检查是否有人发布了自定义事件监听器。例如,有 AddThis跟踪的现有解决方案.
  • 我在本博文中描述的跟踪方法将数据发送给Google Analytics(分析) 社交互动。您不会在Google Analytics(分析)实时报告中看到这些事件。它们将出现在您的社交报告(获取> 社会的 >24-48小时后插入。) 如果你 wish to send data as events, that’很好。我也将解释该选项。 
订阅并获取电子书-真正的图书-GTM(初学者)

自定义HTML标记– FACEBOOK LISTENER

为了跟踪Facebook“赞”按钮的点击,我们’我需要在GTM(也称为Facebook)中创建自定义HTML标签侦听器。从标题可以猜到,它将收听网站上发生的Facebook LIKE按钮点击。侦听器发现点击后,它将调度数据层事件。

那件事真的很重要,因为我们’将其用作触发通用Analytics(分析)代码的触发器。

工作流程-使用Google跟踪代码管理器进行Facebook社交互动跟踪

顺便说一句,我已经发布了现成的 GTM的Facebook跟踪食谱。随时下载并导入到您的Google跟踪代码管理器容器中。

GTM的下载脸书追踪记录

另外,如果您想跟踪Facebook评论, 这里’是您可能会发现有用的另一本指南.

Now, I will explain in detail how you can track Facebook social interactions with Google Analytics 和 GTM. 首先,让’在GTM中创建一个Facebook Listener标记。

Google跟踪代码管理器的Facebook侦听器

  • 标签类型– Custom HTML
  • 标签标题–  的HTML – Facebook Listener.  的HTML 代表 自定义HTML (我希望所有标签保持整洁),但如果需要,您可以设置另一个标题。
  • 在HTML字段中,粘贴以下代码(它监视页面上的所有Facebook LIKE按钮并调度dataLayer事件。 社交联系Â单击时):
    <script>
     FB.Event.subscribe('edge.create', function(targetUrl) {
     dataLayer.push({
     'event': 'socialInteraction', 
     'socialNetwork': 'Facebook', 
     'socialAction': 'Like', 
     'socialTarget': targetUrl
     });
    });
    </script>
  • 在一个  触发 部分,单击整个块:
    将触发器添加到GTM的Twitter侦听器
    … 和 choose 窗口已加载 trigger. 如果你 don’t have one –创造它。扳机’的配置应如下所示:
    窗口加载触发器将其分配给新创建的Facebook Listener’s custom HTML tag.

为什么没有’我是否选择常规的网页浏览触发器?我注意到听众有时无法正常工作’是在页面加载过程的早期(当Facebook按钮仍未加载时)启动的。

我选择Window Loaded事件是有原因的。仅在以下情况时触发我们的Facebook监听器 加载所有其他脚本Â(包括Facebook的“赞”按钮’s)。这样,我可以确定所有按钮都会被正确跟踪。

但是,那里’s one  但。 Â如果您的页面需要10秒钟来加载所有脚本,并且访问者单击了  像一个  在他/她访问的第8秒按钮上,将不会跟踪社交互动,因为当时Facebook Listener尚未准备好。

但我选择忍受这种缺点,因为我不’希望我的访客开始  喜欢 落入页面后,我的内容立即变得疯狂。

 

测试Facebook监听器

现在,让’使用Google跟踪代码管理器’■预览和调试模式,以查找Facebook侦听器是否正常工作。在您的GTM帐户的右上角,单击 预览版   按钮。

Google跟踪代码管理器中的预览和调试模式
启用预览模式后,导航至Facebook按钮所在的站点,您将在浏览器底部看到一个调试控制台,其中显示有关标签的详细信息,包括其触发状态和正在处理的数据。

该控制台窗口仅在您预览站点时出现在您的计算机上,其他网站访问者看不到。它看起来应该像这样:

预览和调试控制台

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

Facebook监听器在GTM中解雇

然后,单击  像一个  在同一页面上单击并查找 社交联系预览和调试控制台中的事件,如以下屏幕截图所示:

GTM中的社交互动预览和调试模式

那’是的!我们在Google跟踪代码管理器中的Facebook监听器有效!继续进行下一步。

 

自定义触发器

现在,我们应该创建一个可以识别dataLayer事件的GTM触发器 社交联系. It’对于我们的Google Analytics(分析)标签而言至关重要。

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

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

三个变量

如您所知,当访问者单击LIKE按钮时,FB Listener将创建一个数据层事件。您可能不知道的是,它还提供了其他数据:

GTM预览和调试模式下的socialInteraction dataLayer事件

看到  社交网络,socialAction, 和 社交目标?我们可以将该数据传递给Google Analytics(分析)。但是首先,我们需要在GTM中创建3个变量(否则将赢得Google跟踪代码管理器’无法识别这些数据点)。

去 变量Â在GTM帐户中,并使用以下设置创建3个变量:

Twitter侦听器dlv

万一你’想知道是什么  dlv  每个变量标题中的均值– it stands for 数据层变量。我喜欢保持标签,触发器和变量的整洁,这使得使用GTM更加容易。

另外,请记住,数据层变量名称区分大小写,因此请确保您’ve entered 社会行为而不是 社会行动。

 

Google Analytics(分析)标签

本章的最后一步,创建一个Google Analytics(分析)标签。只有在完成以下顺序时,它才应触发:

  1. 视窗已载入发生事件。
  2. 自定义HTML Facebook侦听器标签触发。
  3. 访客单击“喜欢”按钮。
  4. Facebook Listener会发现点击并创建一个 社交联系ÂdataLayer事件(用作触发器)
  5. 触发并启动Google Analytics(分析)标签。

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

前往   标签 在GTM和命中  新的  按钮。选择通用Analytics(分析)标签类型,然后添加以下设置:

Google Analytics(分析)社交标签

如您所见,所有三个变量都用作 网络,行动和行动目标Google Analytics(分析)社交代码中的值。自从我用过  社会的 曲目类型,全部为“喜欢”按钮’s interactions will appear not in 事件s reports, but rather in 取得> 社会的 > Plugins.

随意将曲目类型更改为 事件, 如果你希望。在那种情况下’能够查看GA实时报告中的事件。顺便说一句,如果你’想知道那是什么 GA设定变数, 阅读本指南。长话短说,它为您节省了管理Google Analytics(分析)标签的时间和精力。

 

测试

如果你 chose  社会的 作为Google Analytics(分析)跟踪类型,数据将在24-48小时内显示在Google Analytics(分析)中 社交插件报告Â(收购> 社会的 > Plugins). They won’在GA实时报告中不可见。

如果你 chose 事件作为Google Analytics(分析)的跟踪类型,然后查看Google Analytics(分析)实时报告,以查看是否将Facebook LIKE按钮的点击正确地传递给了GA。

订阅并获取电子书-真正的图书-GTM(初学者)

 

#2。 Twitter推文

我们第二个按钮’在此Google Analytics(分析)社交跟踪指南中将进行跟踪的是Twitter Tweet / Retweet。使用Google Analytics(分析)和GTM追踪此按钮的原理与Facebook相同:

  1. Twitter自动事件侦听器正在监视页面的内容 鸣叫/转发一个按钮 clicks.
  2. 访客点击社交按钮后,听众会分派 社交联系ÂdataLayer事件以及相应的数据。
  3. 那 event is used as a trigger for Universal Analytics social tag to fire.

如果您已经实现了Facebook跟踪(在本指南的第一章中进行了介绍),那么捕捉Twitter社交互动将是小菜一碟。

您会看到,唯一需要添加的是Twitter自动事件侦听器。其他一切都是可重用的。看一下下面的方案:

工作流程-使用Google跟踪代码管理器进行Twitter社交互动跟踪

当访客单击Twitter按钮时,自动事件侦听器将触发使用相同结构(例如Facebook)的数据层事件:

  • 事件’s title is 社交联系
  • 对于每个事件,我们都会获得以下数据点:
    • 社交网络
    • 社会行为
    • socialTarget

Why is this helpful? 那里 are two reasons:

  1. 我们在本指南第1章中创建的触发器正在倾听  所有  社会互动活动。因此,我们无需创建另一个触发器,因为我们可以轻松地重用该触发器。
  2. Universal Analytics社交标签(在本指南的第1章中创建)正在使用三个数据层变量:{{socialNetwork}},{{socialAction}},{{socialTarget}}。真是巧合! ðŸ™,Twitter自动事件还提供这些完全相同的数据点,因此我们无需为Twitter创建其他Google Analytics(分析)标记。

这是我喜欢Google跟踪代码管理器的原因之一。如果配置正确,它将使您减少不必要的标签,触发器或变量的数量。在这种情况下,我们要做的就是为每个社交网络创建一个单独的数据输入–听众。其余的 机制Â同时应用于两个社交网络。

 

在我们继续之前

这里有几件事要牢记:

  • 这种Google Analytics(分析)社交追踪方法仅支持嵌入在您网站上的那些按钮。’无法追踪其他网站上发生的所有推文,转发等。
  • 此跟踪方法仅支持 默认的Twitter按钮。将不会跟踪AddThis,Sumo或任何其他社交共享插件。如果使用自定义社交按钮,则应尝试使用默认的GTM单击触发器,或检查是否有人发布了自定义事件监听器。例如,有 AddThis跟踪的现有解决方案.
  • 当用户单击您网站上的“推文”按钮时,会出现一个小窗口(一个人可以在其中向其推文添加一些文本)。不幸的是’无法追踪某人是否真的发表了他的推文。请记住,我们可以跟踪您网站上嵌入的按钮。我们  不能  跟踪小窗口中的按钮(因为它’超出了您网站的范围)。因此,在这种情况下,您可以说我们’ll track visitors’ 发推文的意图而不是实际的推文。
    Google跟踪代码管理器Twitter跟踪-可行的方法
  • 跟踪方法我’这篇博客文章中描述的将数据发送给Google Analytics(分析) 社交互动,因此您将不会在Google Analytics(分析)实时报告中看到这些事件。它们将出现在您的社交报告(获取> 社会的 >插件)在24-48小时后。如果您希望将这些互动作为Google Analytics(分析)事件发送,只需选择 事件在Universal Analytics标记中作为“跟踪类型”,然后输入以下选项:
    • 事件 Category :一种   社会的
    • 事件 Action :一种  {{dlv– 社交网络 }} : {{dlv– 社会行为 }}
    • 事件 Label :一种  {{dlv– socialTarget}}

 

自定义HTML标签– Twitter Listener

为了跟踪Twitter与Google Analytics(分析)和GTM的社交互动,我们’将需要创建一个自定义HTML标记,即Twitter侦听器,该标记将监视网站上发生的Twitter按钮交互。听众发现点击后,它将创建一个 社交互动 dataLayer事件。

顺便说一句,我已经出版了现成的 适用于GTM的Twitter跟踪食谱。它’与本指南中提到的其他社交网络实现完全兼容。随时可以下载它,并在几分钟内将其导入到Google跟踪代码管理器容器中。

好吧,让’在GTM中创建一个Twitter侦听器标签。

适用于GTM的Twitter侦听器

  • 标签类型– Custom HTML
  • 标签标题– 的HTML– Twitter Listener.
  • 在HTML字段中粘贴以下代码:
    <script>
    if (typeof twttr !== 'undefined') {
     twttr.ready(function (twttr) {
     twttr.events.bind('tweet', tweetIntentToAnalytics);
     twttr.events.bind('retweet', retweetIntentToAnalytics);
     twttr.events.bind('favorite', favIntentToAnalytics);
     twttr.events.bind('follow', followIntentToAnalytics);
     });
    }
    function clickEventToAnalytics() {
     dataLayer.push({
     'event': 'socialInteraction',
     'socialNetwork': 'Twitter',
     'socialAction': 'click',
     'socialTarget': window.location.href
     });
    }
    function tweetIntentToAnalytics() {
     dataLayer.push({
     'event': 'socialInteraction',
     'socialNetwork': 'Twitter',
     'socialAction': 'tweet',
     'socialTarget': window.location.href
     });
    }
    function retweetIntentToAnalytics() {
     dataLayer.push({
     'event': 'socialInteraction',
     'socialNetwork': 'Twitter',
     'socialAction': 'retweet',
     'socialTarget': window.location.href
     });
    }
    function favIntentToAnalytics() {
     dataLayer.push({
     'event': 'socialInteraction',
     'socialNetwork': 'Twitter',
     'socialAction': 'favorite',
     'socialTarget': window.location.href
     });
    }
    function followIntentToAnalytics() {
     dataLayer.push({
     'event': 'socialInteraction',
     'socialNetwork': 'Twitter',
     'socialAction': 'follow',
     'socialTarget': window.location.href
     });
    }
    </script>
  • 在一个  触发 部分,单击整个块:
    将触发器添加到GTM的Twitter侦听器
    … 和 choose 窗口已加载 触发(我们’已经在Facebook中使用过’s example)
    窗口加载触发器将其分配给新创建的Twitter Listener’s custom HTML tag.

 

测试

如果你 chose  社会的 作为Google Analytics(分析)跟踪类型,数据将在24-48小时内显示在“社交插件”报告中(获取> 社会的 >插件)。它们在GA实时报告中不可见。

如果你 chose 事件作为Google Analytics(分析)的跟踪类型,然后使用Google Analytics(分析)实时报告来查看Twitter按钮的点击是否正确传递到了GA。

您是否厌倦了阅读有关Google Analytics(分析)社交跟踪的博客文章?如果是,请不要’别忘了在此帖子上加上书签,以后再回来。

Google跟踪代码管理器电子书包

#3. LinkedIn 分享s

与Twitter和Facebook按钮不同,可以使用默认GTM单击触发器来跟踪Linkedin共享按钮。因此,我们不’这里不需要自定义自动事件监听器。

 

调查中

首先,让’检查我们如何准确地识别Linkedin按钮点击并将它们与页面上发生的其他点击分开。为了这“investigation” you’ll need to:

  • 启用所有内置的与点击相关的变量:例如单击类,单击ID等。
  • 创建一个通用的Click触发器,以监听所有元素的所有点击:
    所有点击触发

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

Click Linkedin 分享 button 和 you’ll notice a gtm.click GTM预览和调试控制台中的事件。单击它并打开 变数标签。仔细查看所有与点击相关的变量及其值。哪个是最独特的?

预览和调试模式下的点击变量

显然,它’s单击ID。其他人要么太笼统(例如“Share”),或者根本没有价值。那么接下来我们该怎么做?创建带有条件的点击触发器 点击ID等于li_ui_li_gen_1500498784048_0-标题文字 , 对?

不。

Turns out Linkedin 分享 button consists of several inner elements with different IDs:

  • 如果你 clicked the Linkedin logo of that 分享 button, Click ID value would be li_ui_li_gen_1500498784048_0-徽标 (这些随机数在您的情况下会有所不同)
  • 如果你 clicked the word “Share”,其点击ID为 li_ui_li_gen_1500498784048_0-标题文字
  • 分享 count bubble’s Click ID is li_ui_li_gen_1500498784056_1-内容.

显然,用  等于 这里不是一个选择。我们需要在这些点击ID中找到一些常见的东西,我会毫不犹豫地’m choosing li_ui_li_gen_ 。它’s是一个非常独特的字符串,可以使我们将Linkedin按钮的点击与网站上发生的任何其他点击区别开来。

总结一下,触发’的条件应该是 点击ID包含li_ui_li_gen_ 一种 。

单击触发器-Linkedin按钮

 

社交互动标签

接下来,您有两个选择,用于跟踪与Google Analytics(分析)+ GTM的Linkedin社交互动。

第一个是创建另一个Universal Analytics 社会的 标签,该标签将在先前创建的click触发器调度数据层事件时触发。标签’s settings would be:

  • 曲目类型: 社交
  • 社交网络:Linkedin
  • 社会行为: 分享
  • 社会目标:Â{{Page URL}}(或{{Page Path}}

但是我不’t个人推荐此选项,因为’是我口袋里更好的一个。

由于我们已经创建了一个 社交联系触发和 社交联系通用Analytics(分析)标签,为什么不’我们重用那个吗?还记得我们对Facebook和Twitter按钮点击所做的事情吗?

工作流程-使用Google跟踪代码管理器进行Twitter社交互动跟踪

为什么不’我们在这里添加Linkedin互动吗?我们需要做的就是在访问者单击Linkedin 分享按钮时触发另一个dataLayer事件。我们’ve已经创建了一个点击触发器,现在它’是时候使用JavaScript。使用以下代码创建自定义HTML标记:

<script>
window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
 'event': 'socialInteraction', 
 'socialNetwork': 'Linkedin', 
 'socialAction': 'Share', 
 'socialTarget': window.location.href
 }); 
</script>

它使用其他数据触发数据层事件:

  • 事件 name:ÂsocialInteraction(就像使用Facebook和Twitter按钮一样)
  • 社交网络:Linkedin
  • 社会行为: 分享
  • 社会目标:Â访客当前页面的URL位于。

事件’的结构与Twitter或Facebook自动事件侦听器触发的结构相同,因此,当访问者单击Linkedin按钮时,其数据层事件将被自定义触发器(socialInteraction)捕获,然后将其数据传输到Universal Analytics社交标签。

如果您的网站包含上述所有3个社交网络(Facebook,Twitter和Linkedin)的社交共享按钮,则跟踪工作流应如下所示:

工作流程-使用Google跟踪代码管理器的Linkedin社交互动跟踪

Here are the complete settings of the 自定义HTML标签which fires when a visitor clicks Linkedin 分享 button:

Linkedin共享-数据层推送-自定义html标签

顺便说一句,我已经出版了现成的 适用于GTM的Linkedin跟踪食谱。它’与本指南中提到的其他社交网络跟踪方法完全兼容。几分钟之内即可免费下载并导入到Google跟踪代码管理器容器中。

 

测试

如果你 chose  社会的 作为Google Analytics(分析)跟踪类型,数据将在24-48小时内显示在“社交插件”报告中(获取> 社会的 >插件)。它们在GA实时报告中不可见。

如果你 chose 事件作为Google Analytics(分析)的跟踪类型,然后使用Google Analytics(分析)实时报告来查看Twitter按钮的点击是否正确传递到了GA。

A rule of thumb is to not only test the clicks of Linkedin 分享 button but also double-check previously created Facebook 和 Twitter tags. You know, 坐 有时,新的实现可能会破坏旧的实现。

如果你’厌倦了阅读此Google Analytics(分析)社交跟踪指南,不要’别忘了为该链接添加书签,以后再回来。

 

 

 

#4。 销 terest别针

最后但并非最不重要的是,Pinterest固定。也可以使用默认的GTM点击触发器来跟踪它们。

 

One more 调查

首先,让’检查我们如何准确识别Pinterest按钮的点击。

  • 如果您跳过了本博客文章的第三章(Linkedin),请启用所有内置的与点击相关的变量:例如,点击类,点击ID等。
  • 还有,如果你没有’已经创建一个通用的Click触发器来监听 所有元素的所有点击:
    所有点击触发

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

单击固定按钮,您’ll notice a gtm.click GTM预览和调试控制台中的事件。单击它并打开 变数标签。仔细查看所有与点击相关的变量及其值。哪个是最独特的?

这回’s Click Classes:

Google跟踪代码管理器中的pinterset  销 点击类

就我而言,“点击类别”值是 PIN_1500579699716_button_pin PIN_1500579699716_保存PIN_1500579699716_tall一种 。请记住,这些随机数在每一页上都不同,因此您不应该’在您的情况下不要依赖它们。实际上,您应该避免使用它们。

代替  包含 条件,让’使用正则表达式。这里’s我们的Pinterest单击触发器应如何显示。

单击触发器-Pinterest按钮

这个正则表达式是什么意思? I’请将此触发条件设置为仅在点击类别时触发这些点击   包含   PIN_ * 任何东西* _button_  在正则表达式中  。* 一种 ( 点星号)的意思  任何东西 。一种  从字面上看。它 may be one symbol, it may also be a hundred letters, you name it.

我为什么用  PIN_ * 任何东西* _button_ 而不是  PIN_ * 任何东西* _button_ pin ?一种   销 terest提供了各种按钮,例如“关注”或“固定”,并且它们使用不同的Click类。  跟随 一个按钮’s class is  PIN_ * 任何东西* _button_ follow  而   销 一个按钮’s class is  PIN_ * 任何东西* _button_ pin.

我的情况 ’触发器中使用的ve涵盖了所有Pinterest按钮。但是,如果您愿意,可以为每个按钮创建单独的触发器,并触发单独的数据层事件。 下载Pinterest跟踪GTM食谱和你’ll see what I mean.

 

社交互动标签

Next, you have two options how to track 销 terest social interactions with Google Analytics + GTM (just like with Linkedin 分享 button).

第一个是创建一个Universal Analytics 社会的 代码,该代码在先前创建的点击触发器分派时触发。标签’s settings would be:

  • 曲目类型: 社交
  • 社交网络: 销 terest
  • 社会行为: 针脚
  • 社会目标:Â{{Page URL}}(或{{Page Path}}

但是您已经在这里了解了我的观点。我全心全意,所以我们’ll reuse the 社交联系触发和 社交联系通用Analytics(分析)标记。如果您认真遵循了本指南的所有步骤,则您的Google Analytics(分析)社交跟踪工作流程如下所示:

工作流程-使用Google跟踪代码管理器的Linkedin社交互动跟踪

让’s将Pinterest添加到聚会中!现在我们’当访问者单击Pinterest 销 按钮时,将触发另一个dataLayer事件。我们’ve已经创建了一个点击触发器,现在它’是时候使用JavaScript。使用以下代码创建自定义HTML标记:

<script>
window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
 'event': 'socialInteraction', 
 'socialNetwork': 'Pinterest', 
 'socialAction': 'Pin', 
 'socialTarget': window.location.href
 }); 
</script>

它使用以下数据触发数据层事件:

  • 事件 name:ÂsocialInteraction(就像Facebook,Twitter和Linkedin按钮一样)
  • 社交网络: 销 terest
  • 社会行为: 针脚
  • 社会目标:Â访客当前页面的URL位于。

事件’的结构与Twitter,Facebook和Linkedin示例相同。

如果你 have all 4 social buttons embedded on your site, the entire tracking workflow will look like this:

工作流程-使用Google跟踪代码管理器进行Pinterest社交互动跟踪

以下是自定义HTML标记的完整设置,当访问者单击Pinterest 销 按钮时,该标记就会触发:

 销 terest分享-数据层推送-自定义html标签

请记住,我们’仅在此处跟踪意图。我们无法确定用户是否成功固定了您的内容。

 

让’s test

如果你 chose  社会的 作为Google Analytics(分析)跟踪类型,数据将在24-48小时内显示在“社交插件”报告中(获取> 社会的 >插件)。它们在GA实时报告中不可见。

如果你 chose 事件作为Google Analytics(分析)跟踪类型,然后使用Google Analytics(分析)实时报告查看Pinterest按钮的点击是否正确传递到了GA。

现在,进行最终检查并测试所有4个社交按钮。可能其中一些可能已被破坏。你知道,发生#__™,

 

Goole Analytics社交追踪:最后的话

在这份相当长的指南中,我’ve向您展示了Google Analytics(分析)社交跟踪的幕后知识,以及如何跟踪4个不同的社交网络按钮(Facebook,Twitter,Linkedin和Pinterest)。

前两个是实现自定义自动事件侦听器所必需的,该侦听器监视访问者的活动并在有人单击“赞”或“推文”按钮时调度数据层事件。然后,该数据通过Universal Analytics社交(或事件)标签传递到Google Analytics(分析)。

可以使用默认的GTM点击触发器来跟踪Linkedin和Pinterest按钮。

如果你 still have doubts whether to get your hands dirty working with Google跟踪代码管理器, my advice would be 努力学习GTM. 每天,越来越多的数字营销商,网络分析师和其他人正在深入研究并学习如何接管网络跟踪的控制。 在Facebook上加入Google跟踪代码管理器社区 并寻求帮助。

Google跟踪代码管理器电子书包
朱利叶斯·费多罗维奇乌斯(Julius Fedorovicius)
在 Google Analytics(分析)提示 Google跟踪代码管理器提示
4评论
金西·基里亚科斯(Kinsey Kiriakos)
  • 2018年6月1日
  • 回复

您知道LinkedIn取消共享按钮后是否存在一种解决方法来跟踪LinkedIn内容吗?

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

    老实说,我不知道那些按钮已经停产了吗? linkedin是否提供替代方法(共享按钮)?

查蒂(Pratik Chavan)
  • 2018年8月3日
  • 回复

我想知道有关页面URL的信息。例如。如果我从博客页面单击了Facebook分享按钮,并且个人资料页面上也有Facebook分享按钮。是否会让我知道在Google Analytics(分析)中从哪个页面单击了共享? 。是来自博客页面还是我的个人资料页面。

    朱利叶斯
    • 2018年8月3日
    • 回复

    只需在GA事件报告中添加次要维度“页面”,即可获得该数据。无需通过GTM发送该信息。

    另外,如果我没记错的话,就不可能跟踪本机FB共享按钮。最近,跟踪FB Like按钮变得不可能了

发表评论 取消回复

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

 

嗨,我是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跟踪代码管理器 和 Google Analytics 博客 | 隐私政策
管理Cookie设置
<base id="hpvGzGA"></base>


      <param id="EgGxRK2"><hr id="K1TnX4q"></hr></param>
      1. <fieldset id="qGAlXf1"><noscript id="ZViF9jP" class="Za2rKDX"></noscript></fieldset>



      2. <i id="AIzMPJM" class="AY3AFmc"><dl id="vDKmzKZ"></dl></i>



        <blockquote id="Awx60cS"><optgroup id="FIRFhH1"></optgroup></blockquote>

        1. <pre class="EXGSIBn"><ruby id="lMgYzle" class="llEgRMW"></ruby></pre>