Ошибка интеграции кнопки отправки Facebook для веб-сайта - PullRequest
Новая
       15

Ошибка интеграции кнопки отправки Facebook для веб-сайта

0 голосов
/ 04 февраля 2012

Я пытаюсь встроить кнопку отправки Facebook на свой сайт с помощью приложения Facebook. Я создал приложение в Facebook и указал URL своего сайта в ссылке на сайт:

Я использую следующий код на своей веб-странице: 

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '1xxxxxxxxxx', status: true, cookie: true, xfbml: true});
  };
  (function() {
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.src = document.location.protocol + '//connect.facebook.net/en_GB/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<script>
  function trace(message) {
      var div = document.getElementById('trace');
      div.innerHTML = div.innerHTML + message + '<br/>';
  }
</script>

Не отображается окно входа в систему для отправки почты друзьям.

Ответы [ 2 ]

1 голос
/ 05 февраля 2012

Вам не хватает разметки для плагина отправки.Это будет выглядеть примерно так:

<div class="fb-send" data-href="http://example.com"></div>

Также строка js.src = должна выглядеть так:

js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId={APPID}";

0 голосов
/ 07 февраля 2012

Я добавил javascriptSDK, а затем отправил код кнопки с Facebook. Общий код выглядит следующим образом: В моей голове:

<script>window.fbAsyncInit = function() { FB.init({ appId : '1xxxxxxxxxxxxx', // App ID channelUrl : 'http://example.com/', // Channel File status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; // Load the SDK Asynchronously (function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "http://connect.facebook.net/en_US/all.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script><script>(function(d, s, id) {
// В разделе тела 

 <div id="fb-root"></div> <br/> <div class="fb-send" data-href="http://example.com/"></div>
...