FBlogin按钮自定义

时间:2011-04-05 07:43:16

标签: facebook

我在我的网站上使用过facebook登录按钮,有没有办法自定义fblogin按钮,因为而不是fblogin我希望按钮为“链接到你的Facebook”这样。请建议任何想法来获得这个按钮定制< / p>

我正在使用以下fblogin按钮代码集。

  FB.init({     appId:xxxxxxx,     status:true,//检查登录状态     cookie:false,//启用cookie以允许服务器访问会话     xfbml:true //解析XFBML   });

2 个答案:

答案 0 :(得分:0)

如果您使用的是javascript sdk,您可以自己实施登录(FB.login)并使用您想要的任何按钮。您只需要在onclick中运行FB.login代码。如果你这样做,你就不会受到facebook生成的iframe的约束。

答案 1 :(得分:0)

在上面提到的javascript sdk的情况下,实际的实现看起来像这样:

<fb:login-button scope="email, user_birthday, user_likes" onlogin="showWelcomeMessage()">Link to your Facebook</fb:login-button>

一旦用户登录,您就可以使用onlogin事件来调用函数,例如showWelcomeMessage()

<div class="fb-login-button" data-scope="email" data-show-faces="true" data-width="200" data-max-rows="1">Link to your Facebook</div>

列出的所有数据属性都是可选的

<script type="text/javascript">
// Code to handle login
</script>

这是元素内部的文字,如果需要,您可以想象使用图像。

顺便说一句,您需要及时了解Facebook及其快速变化: https://developers.facebook.com/roadmap/

资源: https://developers.facebook.com/docs/reference/plugins/login/