Web 應用程式

您可以使用「分享」對話方塊,允許應用程式的用戶從應用程式分享開放社交關係圖動態。

若要實作開放社交關係圖動態的「分享」對話方塊:

設定應用程式

使用應用程式主控板存取應用程式的基本設定,並找到應用程式網域欄位。新增應用程式的網域(也就是您要實作「分享」對話方塊的位置)。

開放社交關係圖標記

使用開放社交關係圖標記,標記您希望用戶分享的粉絲專頁。記下此粉絲專頁的網址,因為您必須將這個網域新增到「分享」對話方塊程式碼。

「分享」對話方塊程式碼

下方示範的對話方塊程式碼可將開放社交關係圖動態分享到用戶動態時報,貼文中還會顯示「按讚」動作。

將指令碼置於上方設定的應用程式中。在指令碼中,以應用程式編號取代 your-app-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() 功能連結到 Web 應用程式中的按鈕。用戶點擊該按鈕時,將觸發「分享」對話方塊,並在標題中顯示「按讚」動作。

後續步驟

以下列出可供您學習開放社交關係圖的後續步驟: