2015-05-14 8 views
2

Я довольно (ниже) в среднем, когда дело доходит до HTML/CSS-кодирования. Знание Javascript находится на уровне копирования и вставки. Это моя проблема:Сделайте свою собственную кнопку общего доступа к Facebook

Я хочу сделать свою собственную долю в Facebook! Раньше это было просто с sharer.php, но я боюсь, что это будет устаревшим. Поэтому я хочу вызвать диалог с моей ссылкой, вместо того, чтобы использовать собственный плагин share of shares.

Я прочитал страницу о диалоговом окне «Поделиться» в Facebook Developers. Но я не понимаю, как и где использовать фрагменты кода. Честно говоря, я ничего не понимаю. Ничего!

Чтобы сделать его простым, допустим, у меня есть собственная кнопка (button.jpg), и я хочу, чтобы эта кнопка открывала диалоговое окно общего доступа Facebook, чтобы разделить URL-адрес страницы (http://example.com). У меня есть мета-теги Open Graph. Как мне это сделать?

ответ

2

sharer.php не устарел (по крайней мере, не больше), вы можете использовать его без проблем.

В любом случае, кнопка Share легко реализовать. Вам просто нужно загрузить/инициализировать SDK JavaScript и вызвать по телефону FB.ui.

JavaScript SDK: https://developers.facebook.com/docs/javascript/quickstart/v2.3

Share Диалог: https://developers.facebook.com/docs/sharing/reference/share-dialog

Например:

<script> 
    function onClick() { 
     FB.ui({ 
      method: 'share', 
      href: 'https://www.your-url.com', 
     }); 
    } 

    window.fbAsyncInit = function() { 
     FB.init({ 
      appId  : 'your-app-id', 
      xfbml  : true, 
      version : 'v2.3' 
     }); 
    }; 

    (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/sdk.js"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 
+0

Спасибо. Но, как я уже сказал, я ошарашен Javascript. Как инициализировать SDK и FB.ui? Я вставляю Javascript в тег body и что должен выглядеть HTML-код вокруг моей общей ссылки? – Andreas

+0

Да, вы вставляете код почти 1: 1 в тег тела, и вам нужно добавить свой идентификатор приложения. вам нужно создать приложение для диалогов FB.ui. я понимаю, что ваши знания с javascript ограничены, но вам нужно его изучить. мы не просто делаем для вас работу в stackoverflow, мы здесь, чтобы дать вам подсказку, чтобы вы могли решить ее самостоятельно;) – luschn

+0

Хорошо, спасибо. Ну, я не думал, что мне придется полностью изучить Javascript, чтобы создать кнопку совместного доступа. Я слишком стар и не имею времени ..., но, возможно, есть и другие форумы, которые могут дать мне больше помощи, чем подсказки ;-) – Andreas

0

Try Share Link Generator генерировать собственную ссылку, но все, что использует sharer.php в ссылке не будет работать, если facebook решает обесценить это. Как вы на самом деле показываете кнопку или ссылку, не имеет никакого значения, является ли она обесцененной или нет, но если это произойдет, я ожидаю, что многие люди будут искать обходной путь, и facebook вполне может предоставить альтернативу.

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

  • Нет связанных вопросов^_^