Google Analytics + 社交媒体数据 – Facebook、Twitter 和 Google Plus

已发表: 2011-08-20

搜索、社交和内容营销的融合变得非常快,尤其是即使是搜索巨头,谷歌也从未支持过他们在社交媒体领域的努力,直到最后,他们似乎已经看到了 Google Plus 的曙光(+)。

那么我们现在可以说 Facebook 和 Google 之间的真正战斗已经开始了吗? 我想是的。

在内容营销方面,谷歌实施了著名的熊猫更新,主要是为了优先考虑真正好的内容并惩罚那些“薄弱的内容”。 毕竟,“内容为王”的口号永远不会消失,尤其是现在所说的融合正在我们眼前发生。 内容将继续为王。

诚然,我是一个搜索爱好者,而不是社交爱好者。 在这个行业已经有一段时间了,搜索,社交和内容营销的融合正在成为要走的路,我需要整合这些交通高速公路的数据并成为其中的一部分,我很快就会灭绝. 您会看到,不仅营销人员,甚至铁杆开发人员都急于将这些组件集成到浴室、指挥中心和枢纽中的任何“啊哈时刻”。

好吧,就这么多。 我写这篇文章的真正原因是让您了解如何通过强大的 Google Analytics 将社交媒体数据集成到您的搜索数据中

最近,Google Analytics 推出了新界面,以吸引他们的 Google plus(他们不得不承认这一点!),一旦您在网站上设置了 G + 按钮,就会自动检测到 Google plus 数据。 然而; Facebook、LinkedIn 和 Twitter 等其他社交媒体按钮仍然需要先集成,然后才能查看所需数据。

那么怎么做呢? 干得好:

查看您的新 Google Analytics(分析)界面

1. 登录您的谷歌分析帐户。

2. 在您的帐户旁边查找新版本链接。 点击它。 见下图。

3.您将看到新的谷歌分析界面。 然后点击下面的齿轮。

4. 单击跟踪代码选项卡,然后将您的 Google Analytics(分析)复制粘贴到您网站的 </head> 标记之前。 这用于放置在 </body> 标记之前,但现在不再放置。

只需使用生成的唯一代码更改代码UA-xxxxxxxx-x

<脚本类型=”文本/javascript”>
变种 _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(功能() {
var ga = document.createElement('script'); ga.type = '文本/javascript'; ga.async =真;
ga.src = ('https:' == document.location.protocol ?'https://ssl': 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</脚本>

现在,在将您的 Google Analytics(分析)代码放在 </head> 标记之前之后,您需要包含下一个重要技巧。

<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>

只需按原样复制 Google Analytics 代码后的脚本即可。 最终结果应该看起来像这样。

<脚本类型=”文本/javascript”>
变种 _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(功能() {
var ga = document.createElement('script'); ga.type = '文本/javascript'; ga.async =真;
ga.src = ('https:' == document.location.protocol ?'https://ssl': 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</脚本>
<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>
</head>

记下脚本正下方的 </head>,以指导您走在正确的轨道上。

因此,您现在已准备好在您的网站上安装 Facebook 点赞/发送按钮。

1. 登录您的 Facebook 帐户,然后只需单击此链接 -> 社交插件赞/分享按钮代码生成器。

2. 尝试自定义适合您网站的 Facebook Like/Share 按钮。 然后生成代码。 你会得到这种类型的代码,

<div></div><script src="http://connect.facebook.net/en_US/all.js#appId=231657916876765&xfbml=1"></script><fb:like href="//propelrr.com" send="true" width="450" show_faces="false" font=""></fb:like>

只需简单地更改每个生成的喜欢/分享按钮的唯一 appId 以及您自己网站的 URL。

3.另一个重要的跟踪器必须插入生成的like/share facebook代码如下,

<script type="text/javascript">_ga.trackFacebook();</script>

将其插入 Facebook 生成的脚本将如下面的代码所示:

<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js# appId=231657916876765 xfbml=1″></script> </script><script type="text/javascript">_ga.trackFacebook();</script> <fb:like href=”//propelrr.com” send=”true” width=”450″ show_faces=”true” action =”like” 字体=””></fb:like>

4. 开始将上面的 Facebook Like/Share Code + Google Analytics 脚本集成到您的网站,无论您想放置它。 但我个人的建议是将按钮放在访问者更容易看到和点击的地方。 “首屏”位置应该是一个值得牢记的好策略。

现在,让我们集成 Twitter 按钮:

1. 访问此链接 –> Twitter 按钮代码生成器

2. 输入您网站的网址,根据您的喜好自定义推特按钮的外观并复制代码。 它应该如下图所示,

<a href=”http://twitter.com/share” data-url=”//propelrr.com” data-count=”horizo​​ntal”>推文</a><script type=”text/javascript” src= ”http://platform.twitter.com/widgets.js”></script>

3. 将 Twitter 按钮代码放在您的网站上。 我通常把它放在 Facebook 按钮旁边。

4. 尝试将代码放在我们之前生成的 Google Analytics 跟踪器代码下方,

<!-- Load Twitter JS-API asynchronously -->
<script>
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>

5. 简而言之,您在 </head> 标记之前的跟踪代码应如下所示,

<脚本类型=”文本/javascript”>
变种 _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(功能() {
var ga = document.createElement('script'); ga.type = '文本/javascript'; ga.async =真;
ga.src = ('https:' == document.location.protocol ?'https://ssl': 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</脚本>
<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>
<!-- Load Twitter JS-API asynchronously -->
<script>
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>

</head>

让我们集成 Google Plus 按钮。

1. 在 </head> 标签之前插入下面的代码。

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>

2. 通过复制以下代码将 Google Plus 按钮安装到您的网站。 您可以像往常一样自定义 Google Plus 按钮。 您还可以访问 Google Plus 代码网站以获取代码。

<g:plusone size=”medium” count=”false”></g:plusone>

重要提示:您应该有一个 Google Plus 个人资料帐户,否则这将不起作用。

最终,在 </head> 标记之前的整个跟踪代码现在是,

<脚本类型=”文本/javascript”>
变种 _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(功能() {
var ga = document.createElement('script'); ga.type = '文本/javascript'; ga.async =真;
ga.src = ('https:' == document.location.protocol ?'https://ssl': 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</脚本>
<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>
<!-- Load Twitter JS-API asynchronously -->
<script>
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
</head>

等待几个小时或最多在 24 小时内,您的社交媒体数据将开始出现在您的 Google Analytics(分析)中。 请参阅下面的屏幕截图。