自定义“Facebook 分享”内容

Question

我正在编辑这个问题，以便它比我最初写的更有意义。

我正在实现以下代码，以便将 Facebook“分享”按钮添加到我的网站。我的问题是该脚本直接在脚本中调用“链接”、“图片”、“名称”、“标题”和“描述”的实际值。

如何更改此代码，以便它自动从我的网站中提取此信息。例如，我需要它从当前提取 URL 并将其分配给“链接”。另一个例子：我不想提供图片的 URL，而是想将代码指向某个类。

<script> 
  FB.init({appId: "YOUR_APP_ID", status: true, cookie: true});

  function postToFeed() {

    // calling the API ...
    var obj = {
      method: 'feed',
      link: 'https://developers.facebook.com/docs/reference/dialogs/',
      picture: 'http://fbrell.com/f8.jpg',
      name: 'Facebook Dialogs',
      caption: 'Reference Documentation',
      description: 'Using Dialogs to interact with users.'
    };

    function callback(response) {
      document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
    }

    FB.ui(obj, callback);
  }

</script>

这是来自http://developers.facebook.com/docs/reference/dialogs/feed/

Answer 1

window.location.pathname 只会返回 URL 的路径部分，您还需要添加您的域。 window.location.href 会返回这个。很容易改变你的代码来做到这一点：

<script> 
  FB.init({appId: "YOUR_APP_ID", status: true, cookie: true});

  function postToFeed() {

    // calling the API ...
    var obj = {
      method: 'feed',
      link: window.location.href,
      picture: 'http://fbrell.com/f8.jpg',
      name: 'Facebook Dialogs',
      caption: 'Reference Documentation',
      description: 'Using Dialogs to interact with users.'
    };

    function callback(response) {
      document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
    }

    FB.ui(obj, callback);
  }

</script>