2012-05-18 3 views
7

Я расстроен, потому что я потратил на это несколько часов - на этом тоже есть другие темы, но ни одна из них не решила мою проблему!Почему кнопка типа fb не отображается?

Я просто хочу реализовать fb-подобную кнопку на своем веб-сайте, www.posti.sh - Интересно, почему это не работает?

Вот код, я использую, согласно https://developers.facebook.com/docs/reference/plugins/like/ шаг за шагом учебник:

<div id="fb-root"></div> (directly after the opening body tag) 

и

<div class="fb-like" data-href="http://www.posti.sh" data-send="true" data-width="450" data-show-faces="true"></div> 

, где я хотел бы.

Я также добавил соответствующие метатеги в голове.

Кто-нибудь знает, почему это не работает?

спасибо !!

Деннис

UPDATE 1

Я использовал инструмент отладки фб https://developers.facebook.com/tools/debug и это только говорит ог изображение не является достаточно большим - я думаю, что не должно быть проблемой, хотя?

ответ

4

Похоже, что шаг 1 в HTML5 Как и код кнопки, отсутствует часть, которая фактически добавляет Javascript SDK. Код должен быть:

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'YOUR_APP_ID', // App ID 
     channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File 
     status  : true, // check login status 
     cookie  : true, // enable cookies to allow the server to access the session 
     xfbml  : true // parse XFBML 
    }); 

    // Additional initialization code here 
    }; 

    // Load the SDK Asynchronously 
    (function(d){ 
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement('script'); js.id = id; js.async = true; 
    js.src = "//connect.facebook.net/en_US/all.js"; 
    ref.parentNode.insertBefore(js, ref); 
    }(document)); 
</script> 
+0

удивительный, спасибо! он работает, но мне нужно указать идентификатор приложения и файл channel.html? У меня нет ни одного ... – weltschmerz

+0

Нет, в соответствии с [FB.init docs] (https://developers.facebook.com/docs/reference/javascript/FB.init/) все аргументы являются необязательными. – freejosh

+0

Спасибо вам большое! – weltschmerz

0

Как раз сейчас я решил аналогичную проблему. Отображена кнопка FB-like, но не работает.

На моей странице <div id="fb-root"></div> был номер div с position: relative; css-attribute. После удаления position: relative; он снова работает.

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