我的网站的 Facebook 签到按钮答案

【问题标题】：Facebook Check-In button for my website我的网站的 Facebook 签到按钮
【发布时间】：2016-08-02 15:23:19
【问题描述】：

我正在尝试为我的网站实现“签入”按钮。主要目的：当用户点击按钮时，将打开一个 Facebook 分享对话框，并在自定义位置检查用户。用户帖子不会自动发布，也不会设置消息，以免违反 Facebook 政策。据我所知，这可能发生在 Facebook Open Graph 故事中。我添加了一个“放置”选项作为开放图形对象类型。我知道要做到这一点，我的应用程序需要“publish_actions”权限，并且我的应用程序处于开发人员模式，所以这不是问题。我使用 Facebook Javascript SDK。所以代码是这样的：

这是 OG 标记（由 facebook 提供）：

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# place: http://ogp.me/ns/place#">
  <meta property="fb:app_id"                content="my-app-id" /> 
  <meta property="og:type"                  content="place" /> 
  <meta property="og:url"                   content="my-url" /> 
  <meta property="og:title"                 content="my-place-name" /> 
  <meta property="og:image"                 content="sample-url-image" /> 
  <meta property="place:location:latitude"  content="Sample Location: Latitude" /> 
  <meta property="place:location:longitude" content="Sample Location: Longitude" />

这是调用共享对话框的函数（也由 facebook 提供）：

function share()
{
    FB.api(
      'me/objects/place',
      'post',
      {'object': {
        'og:url': 'my-url',
        'og:title': 'my-place-name',
        'og:type': 'place',
        'og:image': 'sample-url-image',
        'og:description': '',
        'fb:app_id': 'my-app-id',
        'place:location:latitude': 'Sample Location: Latitude',
        'place:location:longitude': 'Sample Location: Longitude'
      }},

     function(response) {
        // handle the response
        // for example (using Jquery)
        $('#element').append('shared');
      }
    );
}

这就是函数的调用方式：

<span onclick="share()">click to share</span>
<div id="element"></div>

问题是代码不起作用并且共享对话框无法打开。我的错在哪里？

【问题讨论】：

您是否应该为共享按钮加载脚本？我猜如果你查看开发工具，你会看到Uncaught ReferenceError: FB.api not defined(...)
Facebook javascript SDK 加载后调用 FB.api()。
您在控制台中遇到什么错误？
非常有趣的帖子。继续……
@ninjaprog 请分享您使用的最终代码，并将其标记为正确答案:)

标签： javascript facebook facebook-graph-api facebook-javascript-sdk facebook-php-sdk

【解决方案1】：

最后我将它创建为一个分享按钮。可以选择检查它是否真的发布了，之后没有取消。

FB.ui({
    method: 'share',
    mobile_iframe: true,
    title: 'My title',
    href: 'url to share',
    picture: 'image URL',
   description: 'The description'
    }, function (response) {
   if (response && !response.error_message) {
    alert('Thank you for sharing!');
    } else {
    alert('You have cancelled the share.');
   }
  });
},{scope: 'email'});

【讨论】：