谷歌跟踪代码管理器(GTM) 入门指南 第4部分——社交媒体

主编前言:

很多朋友都听说过Tag Management(监测代码管理),但其强大的功能和实现方式,了解的朋友不多。本系列以Google Tag Manager(GTM)为例,介绍如何实现集约化的Tag Management,从而实现更优化的监测代码配置。

这是这个系列的第四篇文章。关于如何通过GTM管理社交媒体的监测代码。

这是谷歌跟踪代码管理器(GTM)系列简介的第四部分——社交媒体代码。如果想从头学起,可以去看看该系列的第一部分第二部分第三部分。第五部分也会很快上线。

其实,谷歌分析本身已记录了你网站所有来自社交渠道的流量。这包括Facebook,Twitter,LinkedIn,Pinterest,Youtube,Google+和其他许多不知名的社交平台。 这些访问被独立分到一个名为“社交”的渠道,您可以在谷歌分析里的“流量获取>所有流量>渠道”下查看到。而部分社交访问可能也会被记录在在引荐渠道里面,是因为有一些较小的社交平台不被Google识别,就会被归类为引荐来源渠道。

在“流量获取>社交”上可查看所有的社交来源流量的报告。在“概览”一栏,则展示了每个社交网络在流量转化上有多成功以及其他一些渠道的报告。

在“社交”部分中还有一个名为“插件”的报告,这张报告中的内容可以通过GTM来部署实施。社交插件(我也不清楚为什么这个报告会被叫做“插件”,我想有天这张报告会改个名字。)记录了在您网站发生的社交动作。这包括在访客对你的Twitter主页的访问,点赞Facebook主页或是在把你的文章分享到LinkedIn。这些都属于与你网站内容互动的指标,在我们的博客页面上,我们也同样跟踪了所有的这些指标。因此,请随意分享这篇文章(看看文章左边的那些按钮),这样我就可以测试它们是否能正常运行了!

以上报告中大部分的数据都可以通过在GTM上配置完成,实际上,如果你按第三部分内容安装了外部链接代码,你可能已经完成了一部分配置工作。让GTM无法正常工作的唯一原因可能是,如果你的网站用的是第三方的社交分享插件,那么GTM就无法检测到链接的点击。

从你的网站点击跳转至社交网站

如果您已经将外部链接发送到Google Analytics(请参阅第3部分),那么你的社交链接点击次数就将被记录为“事件”。你可以在“社交”报告部分看到该部分的数据,另外你还可以选择触发该事件,或者通过编辑外部链接触发器的方式,使某些外部链接不被触发(包括Facebook、Twitter、Linkedin)。

你需要构建以发送社交数据的标记如下所示 - 关键设置是“Track Type=Social”。 我使用了“Action = Page”表示在Twitter页面上的点击,并且”Action Target”将记录用户在点击链接时所在的页面。

页面的点赞数

由于我们的网站没有此功能,因此我没有记录网页赞助的示例,但“社交分享”的说明将涵盖你所需要设置的所有内容。如果你使用第三方插件提供的点赞按钮,那么记录事件可能会很棘手。 你可以通过运行GTM预览模式来查看点击“赞”时是否记录了任何点击。 如果GTM没有记录到点击,那么点赞按钮实际上是不属于该网站的。

社交分享

Cucumber博客已启用社交分享功能,当阅读本文时,你应该会发现左侧的5个按钮。我们将设置的是当有人点击其中一个社交分享按钮时就会发送社交类型的“事件”。

幸运的是,这些按钮都是用类似的方式提供,所以我们只需要一个触发器和一个标签来实现它。

预览模式

到目前为止,确定如何构建触发器的最简单的方法是使用GTM的预览模式。当我点击其中一个按钮时,一个gtm.linkClick就会被记录,Variables标签告诉了我需要知道的一切。在示图中已用黄色背景来突出这些部分。

我可以使用图中的Click作为触发器,实际上是使用Click Classes (元素类属性中的一系列值)触发此变量。 即使每个点击的完整字符串不一致,但它们都是以相同的文本开头。

触发器

如图所示,只有当“Click Classes”以“at4-share”开头时,我们才会为我们的博客启用此触发器。

截止目前,这些设置看起来都是比较容易的。要构建标签Tag,我们可以使用我们确定的其他变量Variable,名为Click Text(用户点击的元素内部的可见文本)。这是为了方便格式化我们的社交网络。我们设置“Action = Share”,并再次记录具体页面路径以确定哪个博客文章被共享了。

标签

设置好的标签图示

那么你该如何查看你社交分析的统计数据呢? 在谷歌分析的“社交/插件”中点击“社交来源”和“行动”,添加一个“社会实体”的次要维度,就可以看到所有的社交分享数据出现都在同一个报告中。

谷歌分析社交媒体报告图示

那么现在你就可以去看看我们第五部分GTM的简介了,是关于表单提交跟踪相关的内容。

原文发布于微信公众号 - 互联网数据官(internetcdo)

原文发表时间:2017-01-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端达人

源码福利(文末有彩蛋) | vuejs 2 Material Design 后台模板源码大放送

各位亲们,关于vue3.0的方案已在拟定中了,想必大家都听说过了吧,2.0你学会了吗?没学会的还不抓紧时间补补,看完官方文档再加上本文分享的重量级源码,想必各位...

2691
来自专栏向治洪

基于React.js实现webapp的技术实践

由于最近的reactjs实在太火,而且距离第一版已经快2年的时间了,已经相对稳定和成熟了,基于这两个前提下,团队对reactjs及其他开源技术进行了相关调研,发...

2638
来自专栏FreeBuf

iOS 9漏洞:利用Siri绕过锁屏访问私人图片和联系人

一名黑客发现了一个新的、非常简单的方法,该方法利用了苹果的私人助理Siri,绕过运行iOS 9的锁屏iOS设备(iPhone、iPad或iPod touch)的...

1989
来自专栏小程序·云开发专栏

腾讯相册上了小程序·云开发,不仅不慌而且很爽

小程序·云开发是基于腾讯云研发的全新 云开发 Tencent Cloud Base(简称 TCB) 服务,本文将阐述该解决方案如何帮助公司级业务腾讯相册加快迭代...

7684
来自专栏程序员同行者

运维开发思路

1775
来自专栏Android 开发者

Android Jetpack: ViewModel | 中文教学视频

Android Jetpack 是一系列助力您更容易打造卓越 Android 应用的工具和组件。这些组件能帮助您遵循最佳实践、免除编写繁复的样板代码并简化复杂任...

1452
来自专栏互联网数据官iCDO

无埋点实现监测的真相——革新还是噱头?

小编提示:   本文是宋星老师独家为iCDO供稿。对于想要了解无埋点这一监测方法的朋友,是非常深入浅出,详尽清楚的一篇高质量文章。   这篇文章介绍了: 1. ...

6637
来自专栏EAWorld

生态型App的架构实践分享

其实文章的题目纠结了很久,最后还是采用了“生态型App”这个词,这个词可能不是一个约定俗成的词,但却是这篇文章的主线,我将会从以下面三个维度展开,期望能够给正在...

3465
来自专栏沈唁志

PHP技能树—大神的进阶之路

8464
来自专栏進无尽的文章

基于MAF实现手机化应用简介

一只对于MAF框架很是好奇,本想细细研究一下的,奈何网上有关MAF的资料甚少,而且这个框架是如此的复杂,以至于我无法在这里详细介绍它,只能是简介。希望对MAF感...

1454

扫码关注云+社区