Aplikasi Web

Anda bisa gunakan Dialog Bagikan agar Pengguna aplikasi Anda dapat membagikan Cerita Graf Terbuka dari aplikasi Anda.

Untuk menerapkan dialog Bagikan untuk Cerita Graf Terbuka:

Mengonfigurasi Aplikasi Anda

Gunakan Dasbor Aplikasi untuk mengakses pengaturan dasar aplikasi Anda dan cari kolom Domain Aplikasi. Tambahkan domain aplikasi tempat Anda akan menerapkan Dialog Bagikan.

Markup Graf Terbuka

Gunakan Markup Graf Terbuka untuk melakukan markup pada halaman yang Anda ingin Pengguna Anda bagikan. Perhatikan URL untuk halaman ini, karena Anda harus menambahkannya ke kode Dialog Bagikan.

Kode Dialog Bagikan

Contoh kode dialog berikut ini bisa membagikan Story Graf Terbuka ke linimasa Pengguna dengan tindakan "suka" di Postingan.

Letakkan skrip di dalam aplikasi yang Anda konfigurasikan di atas. Di skrip tersebut, ganti your-app-id dengan ID Aplikasi aplikasi Anda.

<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>

Anda sekarang bisa melakukan hookup pada fungsi ogShare() ke tombol di aplikasi web Anda. Saat Pengguna mengklik tombol, akan memicu Dialog Bagikan dengan tindakan "suka" di judul.