Обновление: Ошибка, вызвавшая эту проблему, была решена , поэтому лучше всего использовать <fb:login-button>
все же, но изменить «perms» на «scope», чтобы соответствовать последнейИзменения API:
<fb:login-button
scope="email, user_about_me, user_interests, user_location,
publish_stream, read_stream, offline_access, publish_checkins">
Connect Facebooks
</fb:login-button>
Если после этого вы все еще видите проблемы или хотите использовать альтернативный стиль кнопки входа: на самом деле в <fb:login-button>
нет ничего особенного, это просто простой способ визуализации кнопки входа,которая (в основном) вещь, которая вызывает FB.login()
при нажатии.Вы можете сделать свою собственную кнопку входа в систему немного больше, выполнив что-то вроде:
<a id="fb_login_button" href="#"
onclick="FB.login(function(){ /* this is a callback function */ },
{scope: 'email, user_about_me, user_interests, user_location,
publish_stream, read_stream, offline_access, publish_checkins'});
return false;">
<img src="LOGIN_BUTTON_IMAGE.png" alt="Log In with Facebook">
</a>
Где изображение кнопки входа в систему - это любое изображение или текст (вы даже можете использовать снимок экрана с изображением, отображаемым<fb:login-button>
).
(примечание: здесь используется inline onclick
, так что это не зависит от библиотеки, что не означает, что это хорошая практика)