Веб-приложения

Вы можете использовать диалог "Поделиться", чтобы разрешить пользователям приложения делиться новостями Open Graph из вашего приложения.

Чтобы интегрировать диалог "Поделиться" для новостей Open Graph:

Настройка приложения

Используйте панель приложений, чтобы получить доступ к базовым настройкам приложения и найти поле Домены приложения. Add the domain of the app where you will be implementing the Share Dialog.

Разметка Open Graph

Используйте разметку Open Graph, чтобы разметить страницу, на которой пользователи должны делиться новостями. Запишите URL этой страницы. Вам нужно будет добавить его в код диалога "Поделиться".

Код диалога "Поделиться"

Следующий пример кода позволяет делиться новостями Open Graph в хронике пользователей с помощью действия "Нравится" в публикации.

Добавьте скрипт в приложение, которое вы настроили. В скрипте замените your-app-id на ID своего приложения.

<script type="text/javascript">

// Initialize the Facebook JS SDK.
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.1'
    });

    // Put additional init code here
  };

  // Load the Facebook JS SDK Asynchronously
  (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'));

    // Custom function to call when user initiates a share
    function ogShare() {
       FB.ui({
         method: 'share_open_graph',
         action_type: 'og.likes',
         action_properties: JSON.stringify({
             object:'https://developers.facebook.com/docs/opengraph/getting-started',
         })
    }, function(response){
         // Debug response (optional)
         console.log(response);
    });
  }

</script>

Теперь вы можете назначить функцию ogShare() на кнопку в вашем веб-приложении. Когда пользователь нажмет кнопку, откроется диалог "Поделиться" с действием "Нравится" в заголовке.

Дальнейшие действия

Ниже перечислены дальнейшие действия по изучению Open Graph: