2014-12-29 2 views
2

Я хочу добавить очень простую кнопку facebook акций, как это предлагается здесь:кнопка доля Facebook не отображается

https://developers.facebook.com/docs/plugins/share-button?locale=fr_FR

Проблема кнопка не просто показать, не Javascript или сети ошибки.

Может ли кто-нибудь сказать мне, что я делаю неправильно?

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<title>titre</title> 
</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/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div> 


</body> 
</html> 

Заранее спасибо за помощь

ответ

2

Первая строка говорит вам, чтобы добавить SDk JavaScript, который вы Havent сделать. Выполните следующие действия, и вы должны быть хорошо идти:

<script type="text/javascript" src="Location of SDK javascript"></script> 
+0

Спасибо, я глуп, что забыл об этом. –

+0

я сделаю это через 4 минуты;) –

+0

@Arna большое спасибо :) –

-1

ШАГ 1: Получить Facebook App ID для домена, Share Button будет жить дальше. ШАГ 2: Добавьте SDK для JavaScript на свой веб-сайт. ШАГ 3: Добавьте код для загрузки библиотеки JQuery на веб-странице ШАГ 4: Добавьте JQuery и fb.ui код для отображения диалогового окна Поделиться

4

Выделенная ответ глупо. Javascript, включенный в код, загружает SDK javascript.

Проблема, с которой я столкнулся, заключалась в том, что я смотрел страницу html без прохождения через веб-сервер. Другими словами, я использовал протокол file: // и SDK для facebook не работал при запуске под этим протоколом. Хотя он действительно тянет много вещей и влияет на DOM, кнопка общего доступа Facebook не появляется.

Настройка его для запуска через настоящий веб-сервер только на локальном хосте (в моем случае, IIS), и кнопка появляется. Надеюсь, это поможет некоторым людям.

0

Иногда эти проблемы с помощью кнопок Facebook связаны с расширениями браузера, такими как Disconnect, которые блокируют скрипты, обменивающиеся с Facebook и т. Д., Поэтому используйте белый список вашего сайта, если это так.

1

Для меня это был атрибут размера, который не позволял кнопке отображать.

Просто добавьте

data-size="large" 

в сНу тег для кнопки, и это показывает.

BTW, основанный на documentation, нет среднего размера avaialable.

0

мне пришлось добавить "HTTP:" в URL-адрес в дополнение к изменению "sdk.js" в "all.js", как говорилось выше, а именно:

Вместо:

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";

Использование:

js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";

Удачи

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