Метод, который вы используете, это рендеринг кнопки входа в систему из кода Javascript Facebook.Тем не менее, вы можете написать свою собственную функцию кода Javascript, чтобы имитировать функциональность.Вот как это сделать -
1) Создайте ссылку на простой тег привязки с изображением, которое вы хотите показать.Имейте метод onclick для тега привязки, который фактически сделает реальную работу.
<a href="#" onclick="fb_login();"><img src="images/fb_login_awesome.jpg" border="0" alt=""></a>
2) Затем мы создаем функцию Javascript, которая будет отображать фактическое всплывающее окно и извлекать полную информацию о пользователе, если пользователь позволяет.Мы также обрабатываем сценарий, если пользователь запрещает наше приложение на Facebook.
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
oauth : true,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
function fb_login(){
FB.login(function(response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
//console.log(response); // dump complete info
access_token = response.authResponse.accessToken; //get access token
user_id = response.authResponse.userID; //get FB UID
FB.api('/me', function(response) {
user_email = response.email; //get user email
// you can store this data into your database
});
} else {
//user hit cancel button
console.log('User cancelled login or did not fully authorize.');
}
}, {
scope: 'publish_stream,email'
});
}
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
3) Все готово.
Обратите внимание, что вышеуказанная функция полностью протестирована и работает.Вам просто нужно поставить свой идентификатор приложения в Facebook, и он будет работать.