javascript - Facebook javascript 在 "share"上触发

Question

我在这里看到了这个链接:

How to detect Facebook share success? with Javascript

但是我该如何实现呢？

Answer 1

首先您需要在页面中加载 Javascript SDK

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      oauth      : true, // enable OAuth 2.0
      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 = "//connect.facebook.net/en_US/all.js";
     d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
</script>

接下来您有一个函数，其中包含用于打开共享对话框的 FB.ui 代码。在 FB.ui 函数中，您可以看到回调从哪里开始 function(response) {，其中“response”包含一些详细信息，可帮助您确定用户是否确实共享了消息。

在回调中我们做一个 IF 语句。如果用户确实发布了消息 response.post_id 存在并包含成功发布消息的 ID，那么我们可以做任何我们想做的事情，在这个例子中会弹出一个警告说“发布已发布”

function share(){
  FB.ui(
    {
      method: 'feed',
      name: 'Facebook Dialogs',
      link: 'http://developers.facebook.com/docs/reference/dialogs/',
      picture: 'http://fbrell.com/f8.jpg',
      caption: 'Reference Documentation',
      description: 'Dialogs provide a simple, consistent interface for applications to interface with users.',
      message: 'Facebook Dialogs are easy!'
    },

    function(response) {
      if (response && response.post_id) {

        // THE POST WAS PUBLISHED
        alert('Post was published.');

      } else {

        // THE POST WAS NOT PUBLISHED
        alert('Post was not published.');

      }
    }
  );
}