2013-04-25 2 views
3

Я смотрел предыдущие заданные вопросы о кнопке facebook и не видел ничего, что было не так с моим кодом. Вот что у меня есть:Моя кнопка в facebook не отображается

<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/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs);} 
(document, 'script', 'facebook-jssdk'));</script> 


</body> 
+1

Является ли ваша консоль протоколированием каких-либо ошибок? Также вы разместили код для своего плагина там, где вы хотите, чтобы плагин появился на вашей странице? –

+0

no не было ошибок. Я взял код прямо с сайта facebook – DWalk

+0

Вы добавили этот 'div' также'

'? –

ответ

4

После добавления кода для инициализации на Facebook Javascript SDK вы также должны добавить код для отображения кнопки Like в нужном месте. Общий код для него является

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"> 
</div> 

Если вы хотите, вы можете настроить его, проверяя документацию here.

+1

Я добавил, что div тоже. но не работает в моем случае –

+0

Ни у меня. Я понял, что ширина и высота iframe установлены равными 0px. Если я изменил это вручную после отображения страницы, появится кнопка. Интересно, почему ширина данных не работает. –

2

был такой же проблема, когда я опубликовал страницу, подобные кнопки обнаружились

facebook страница: Настройки: Page Visibility: Страница опубликована

(страница была "неопубликованной" по умолчанию, даже после того, как я опубликовал его в первый раз)

1

Я знаю, что тема устарела, но все еще подходит к поиску. Вот код инициализации я использовал:

(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 = "https://connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 

Важно:

  1. По умолчанию Facebook инструмент автоматической конфигурации (https://developers.facebook.com/docs/plugins/follow-button) не предварять «HTTPS» при экспорте элемента js.src.
  2. Если вы тестируете это на хосте локального хоста, вы столкнетесь с проблемами с видимостью кнопки (c.f. v2.9). Или используйте службу туннеля https, такую ​​как ngrok, или разверните ее до действительного https.
+0

В качестве дополнительного обновления Facebook теперь будет блокировать ** ngrok ** localhost tunnel. Официальный ответ от группы отчетов об ошибках в Facebook заключается в использовании ** localtunnel ** (https://www.npmjs.com/package/localtunnel) использует Nodejs –

0

Добавление версии к URL-адресу js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11"; помогло в моем случае.

Смежные вопросы