社交媒体分享按钮答案

【问题标题】：Social media share buttons社交媒体分享按钮
【发布时间】：2012-02-15 00:03:40
【问题描述】：

在 stackoverflow 上，我帖子的左侧下方有 3 个社交媒体分享按钮。

有没有办法跟踪此人是否成功分享？

我在问，因为我跟踪“喜欢”、“+1”和“推特”来分享页面的用户，但现在我正在使用公司提供的社交按钮，如 facebook、gplus、twitter 和它们导致我的网站加载缓慢。如果用户想在以后的某个时候重新分享一个页面，这也会导致问题，因为 facebook 已经将其标记为喜欢，我更喜欢一种分享页面的方式。

我用我目前的 javascript 知识尝试了一些东西，但无法弄清楚。

【问题讨论】：

你考虑过像 AddThis 这样的东西吗？ addthis.com

标签： javascript jquery facebook twitter google-plus

【解决方案1】：

进行以下订阅

Facebook：订阅 edge.create 事件 (http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/)
Twitter：在 onTweet 参数上设置回调 (https://dev.twitter.com/docs/anywhere/welcome#tweetbox)
Google+：在 callback 参数上设置回调 (https://developers.google.com/+/plugins/+1button/)

然后在您的回调函数中，只需 AJAX 将您想要返回到服务器的任何内容进行存储。 :)

编码愉快！

【讨论】：

【解决方案2】：

把它放在页眉中

<!-- For Facebook -->
<meta property="og:url" content="https://you-domain.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Site Title" />
<meta property="og:description" content="Site Description" />
<meta property="og:image" content="Image you want to set for posts" />
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1" fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
</script>
<!-- facebook Script End -->


Here are the Series of Button (Facebook, Twitter, Google+, Pinterest, LinkedIn ) put where you want to show share buttons, then Design them from CSS


<!-- For Facebook -->
<a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=URL_you_want_to_Share">Facebook</a
<!-- For Twitter -->
<a data-size="large" href="https://twitter.com/intent/tweet?text=URL_you_want_to_Share">Twitter</a>
<!-- For Google+ -->
<a href="https://plus.google.com/share?url=<URL_you_want_to_Share" onclick="javascript:window.open(this.href,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Google+</a>
<!-- For Pinterest -->
<a  href="https://www.pinterest.com/pin/create/button/?url=URL_you_want_to_Share" data-pin-custom="true">Pinterest</a>
<!-- For LinkedIn -->
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script><script type="IN/Share" data-url="URL_you_want_to_Share"></script>

【讨论】：