像Facebook一样的按钮作为一个跨网络喜欢的叠加?

时间:2012-05-13 16:27:11

标签: facebook facebook-like google-plus google-plus-one facebook-likebox

我有一个允许用户“喜欢”某些元素的页面。喜欢类似于Facebook,但由于各种原因(例如能够轻松操作数据),喜欢的是我网站的用户,而不一定是Facebook用户,数据仍然在我的网站上。所以有一个“类似mysite”的按钮。但是,我喜欢它,如果这个类似mysite的按钮也可以作为一个类似Facebook的按钮,如果一个人登录到Facebook,它会将它发布在他们的墙上。

有没有办法制作一个执行这两种功能的按钮?例如。或许有一个隐形的脸颊按钮,覆盖在类似神秘的按钮之上?也许通过一些不透明度= 0 iframe?在一个理想的世界中,单击一个按钮可以像一个类似于mysite,也可以像facebook一样,以及google + 1。一个按钮来统治它们......

2 个答案:

答案 0 :(得分:1)

执行此类实现的简洁方法是使用回调方法,其中社交按钮上的用户交互会触发您网站上的更改。

<强>限制

这些回调在一个方向上起作用。例如:

Facebook赞按钮 - &gt;你的自定义'喜欢'按钮

OR

Google +1按钮 - &gt;你的自定义'喜欢'按钮

因此您将无法

  • 从您的自定义“喜欢”按钮
  • 触发其中任何一个
  • 从另一个
  • 触发第三方按钮

现在你知道你可以用它们做什么了,这是怎么做的。

Facebook赞按钮回调(from another StackOverflow post

<script>
  FB.Event.subscribe('edge.create', function(href, widget) {
    alert('You just liked the page!');
    // this is where you would trigger your site specific logic
  });
</script>

Google +1按钮回调(来自official docs

<g:plusone callback="myCallback"></g:plusone>
<script>
function myCallback(result) {
  alert('button was just changed to state ' + result['state']);
  // this is where you would trigger your site specific logic
}
</script>

答案 1 :(得分:0)

一种方法是使类似Facebook的按钮也触发“类似mysite”的动作,例如通过http://www.saschakimmel.com/2010/05/how-to-capture-clicks-on-the-facebook-like-button/

有没有办法用google +做到这一点?您可以使用回调选项https://developers.google.com/+/plugins/+1button/#plusonetag-parameters,但不知道如何获取用户的用户ID。