我的网站的Facebook签到按钮

时间:2016-08-02 15:23:19

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

我正在尝试为我的网站实施“签到”按钮。主要目的:当用户点击按钮时,将打开Facebook共享对话框,并在自定义位置检查用户。用户帖子不会自动发布,也不会设置消息,因此不会违反Facebook政策。 据我所知,这可能发生在Facebook Open Graph故事中。我添加了一个“Place”选项作为Open Graph Object类型。我知道能够这样做我的应用程序需要“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>

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

1 个答案:

答案 0 :(得分:0)

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

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'});