Я делаю это много раз раньше. Сегодня у меня проблема с отображением кнопки на сайте. Кнопка не отображается на локальном сервере и веб-сервере, я не знаю почему?
Что я делаю:
1: https://developers.facebook.com/docs/plugins/like-box-for-pages
2: В поле URL страницы Facebook я помещаю свой url страницы (https://www.facebook.com/MYFBPage)
3: Ширина: 200
4: Высота: 200
И нажмите Get Code, я сначала беру вкладку HTML5:
В моем теле я ставлю код F:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<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/sr_RS/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/MYFBPage" data-width="200" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> </body>
</html>
Я просто получаю пустую страницу. Whay? Я включаю JavaScript SDK, но не работаю?
Я скопировал ваш код здесь: http://jsfiddle.net/Ag8hY/, и я могу видеть подобную кнопку. Хотя язык не английский.
Проверьте, можете ли вы также видеть. Сначала попробуйте версию iframe
.
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width&layout=standard&action=like&show_faces=true&share=true&height=80&appId=154961808500" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>
incognito
в Firefox или Chrome