标签: facebook-social-plugins

如何在Facebook Share Dialog上修复"需要有效的重定向URI"?

我使用的是标准Feed DialogFacebook的分享我的网站上的帖子.这个问题是由于问题导致我无法正常工作redirect_uri.这很奇怪,因为我拥有应用程序,应用程序ID是正确的,URL是正确的...这可能是什么问题?我得到的错误是:需要有效的重定向URI.

这是我正在使用的代码:

<a href=https://www.facebook.com/dialog/feed?app_id=9999999999999&link=http://hereismylink.com/todays/&picture=http://fbrell.com/f8.jpg&name=%TITLE%&caption=testing1234&description=blablabla&redirect_uri=http://hereismylink.com>Share on Face</a> 
Run Code Online (Sandbox Code Playgroud)

PS:redirect_uri和app_id是虚拟文本,通常,它们是我网站上正确的数字和字母.我不想在这里做广告.

仅供参考:sandbox mode被关闭了

redirect facebook facebook-sharer facebook-graph-api facebook-social-plugins

9
推荐指数
1
解决办法
1万
查看次数

是否可以使用Facebooks Comments Plugin与Graph Object ID/Graph URL而不是www URL?

不久前,我建了这个:

http://www.littlebray.co.uk/photos.aspx

这是Facebook相册库的Facebook外部分复制品,画廊部分的照片都是从Little Bray页面上的Facebook专辑中提取的(fb.com/littlebray)放大它们会给你一个全屏视图他们在右边缘评论设施,就像Facebook一样.

你会注意到,虽然这个评论部分看起来有点像Facebook插件,但它不是,原因是如果我使用Facebook的评论插件,当用户评论网站上的照片或评论时在同一张照片上(记住照片来自同一张照片),它会创建两个不同的评论流,一个在FB上显示,另一个在网站上显示.

使用我的方法,在网站或FB上发布的任何评论都将出现在两个地方,因为它们被直接注入到与照片的对象ID相关的FB图中.

稍后,我创建了另一个类似的图片库,但在右边缘使用了Facebook社交插件"评论"来评论照片.不同之处在于这些照片是由网站进行的lcoally托管,而不是Facebook专辑对象,因此这个其他网站是这些图像的唯一来源,因此在通过URL进行评论时创建FB对象很好.

但是......它让我思考,这是我的第一个例子,只是做了很多工作,是否可以使用Facebook自己的社交插件以这种方式在Facebook上已经存在的对象上发表评论?

我尝试将图表URL https://graph.facebook.com/FB_OBJECT_ID粘贴到我的状态更新中的Facebook社交插件页面上的评论示例中,但没有显示任何内容.

有任何想法吗?

编辑---

我发现我并不是唯一一个问这个问题的人:

使用社交插件预先存在的Facebook帖子

将开放图形对象的注释加载到Facebook评论社交插件中

尽管如此,这些都没有令人满意的答案.也许我只需要改进自己的代码并制作自己的插件.

facebook facebook-graph-api facebook-social-plugins facebook-comments

8
推荐指数
1
解决办法
585
查看次数

在Chrome浏览器中按下后退按钮时,Facebook赞按钮会改变位置

我目前已经实现了一个类似于此处所示的垂直社交共享插件栏.

http://www.socialmediaexaminer.com/10-ways-to-add-facebook-functionality-to-your-website/

我使用了从Facebook为类似按钮生成的相同代码.我正在使用生成的HTML5代码.使用Chrome浏览器时,按下后退按钮时,Facebook like按钮会略微偏离其位置.我不确定是什么导致这种情况发生以及如何解决它.

使用Facebook类似按钮的代码:

<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=504480219635937";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
Run Code Online (Sandbox Code Playgroud)

html5 facebook google-chrome facebook-like facebook-social-plugins

8
推荐指数
1
解决办法
931
查看次数

自动批准Comments Plugin中的所有评论

有没有办法自动批准并默认公开所有评论插件的评论?

另外,我真的需要知道评论的基础是适度的.在某些页面上,默认情况下它们是公共的,而在其他页面上,它们最终处于审核队列中.

----------更新0 ---------

我删除了fb:admins,审核用户界面已经消失,但审核仍然有效.当我加载使用App admin creds登录的页面时,我得到了管理UI,我可以看到评论在审核队列中(甚至是新的).我甚至勾选了"默认情况下每个人都可以看到每个帖子".

什么似乎是问题?

plugins comments facebook facebook-social-plugins

7
推荐指数
1
解决办法
4557
查看次数

Facebook赞按钮:如何选择要显示的图像

我把"赞"按钮放到我的网站上.

一般来说它工作正常,唯一的问题是当用户添加一些文本并将其发布在配置文件中时,他的帖子包含图像.选择的图像并不是有意义的,它是一个没有任何意义的菜单项.

你能告诉我如何向Facebook提示更好的形象吗?我在他们的文档中没有看到任何关于它的信息(http://developers.facebook.com/docs/reference/plugins/like/),可能我忽略了这一点?

谢谢.

PS非常相似的问题:有没有办法建议他想要分享的用户文本(一旦用户点击"赞"按钮就会出现)?

facebook facebook-like facebook-social-plugins

7
推荐指数
1
解决办法
1万
查看次数

如何在网络上创建"发送到移动设备"按钮?

我可以看到Wooga和其他开发者在他们的Facebook游戏中开始包含这样的按钮,但是在文档中找不到任何引用.

这里有一个按钮示例:https://www.facebook.com/plugins/send_to_mobile.php?app_id = 373748152681140&size =large它会在手机上的Facebook应用程序发送推送通知,其中包含下载应用程序的链接来自appstore.

mobile android ios facebook-social-plugins

7
推荐指数
1
解决办法
1471
查看次数

Facebook URL调试:抱歉,出了点问题.我们正在尽快努力修复这个

https://developers.facebook.com/tools/debug

有谁知道为什么"某些"URL会出现此错误而其他人没有?

错误:抱歉,出了点问题.我们正在尽快努力修复这个.

我为此缺乏细节而道歉.我还不能发布一个链接,但希望有人遇到这个问题,并找到了解决方案.通过FB帮助页面进行寻呼也将我带到了这里,似乎很难找到直接向FB报告问题的正确位置.我在StackOverflow上发现了很多类似的帖子,但是没有明确的答案.

提前感谢您的任何建议.

facebook facebook-javascript-sdk facebook-social-plugins

7
推荐指数
1
解决办法
7万
查看次数

FB Like按钮仅显示一次 - 在我的AngularJS视图的第一次加载时

我正在尝试将FB like按钮放在我在Angular JS上构建的单页网站上.类似按钮必须显示在控制器显示的视图(不同于index.html)上.但是类似按钮仅在我第一次加载特定视图时出现.如果我在访问另一个视图后回来,则按钮不会显示.下面是在控制器中为视图加载FB SDK的代码 -

(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 ="// connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk "));

index.html具有以下代码 -

<body ng-controller ="mainController">

<div id ="fb-root">

myView.html

<DIV类= "FB样" 数据HREF = "mySite.com/{{的ProductID}}" 数据 - >布局= "标准" 数据动作= "喜欢" 的数据显示-面= "假" DATA-份额="真">

我尝试了各种方法,比如使用FB.XFBML.Parse(),删除FB sdk的脚本标签并在每次加载时添加它(希望它能像第一次一样工作),尝试使用指令,放置各种观点中的fb-root div现在我很无能为力:|

我觉得问题是在重新访问视图时加载或刷新SDK但我不确定.

将会感谢任何有助于我前进的输入,如果您需要更多信息,请告诉我.

谢谢,山姆.

html5 facebook-like facebook-social-plugins angularjs single-page-application

7
推荐指数
2
解决办法
5300
查看次数

facebook share HTML5 TypeError:getComputedStyle(...)为null

我正在尝试将Facebook分享添加到页面.我的问题是使用多个共享按钮,首先运行良好但其他按钮未显示在页面中.注意,第一个共享按钮是可见的,但其他按钮位于容器中,显示:none css applied.

我将此代码放在页面顶部(我将facebook app Id更改为FacebookAppID):

<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=FacebookAppID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Run Code Online (Sandbox Code Playgroud)

它是页面中的每个共享div:

<div class="fb-share-button" data-href="@url" data-type="button_count" data-width="450"></div>
Run Code Online (Sandbox Code Playgroud)

这个问题可以在IE中重现.

谢谢

facebook-social-plugins

7
推荐指数
1
解决办法
2682
查看次数

Facebook 分享按钮问题:“找不到附件:找不到附件。”

我按照此页面上的说明进行操作:https : //developers.facebook.com/docs/plugins/share-button/#settings

我得到一个有效的共享对话框,但是当我尝试共享到“在私人消息中共享”时,我在共享对话框中收到以下错误:“找不到附件:找不到附件。”

我的应用程序是一个 angular 11 应用程序,我的 index.html 中有这个,就在 body 标签之后:

    <div id="fb-root"></div>
    <script>(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#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
Run Code Online (Sandbox Code Playgroud)

按钮 html 如下所示:

<div *ngIf="fbShareRoute" class="fb-share-button" [attr.data-href]="fbShareRoute" data-layout="button" data-size="large"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.free-sudoku-puzzle.net%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
Run Code Online (Sandbox Code Playgroud)

我最初的想法是 fb 脚本不能很好地与 angular 配合使用,因为我通过 [attr.data-href] 绑定了 url,但我认为情况并非如此:

  • 简单地共享到您的个人资料时,该对话框可以正常工作
  • 我尝试删除 [attr.data-href] 并仅使用硬编码的 data-href 属性,这没有区别。

有任何想法吗?

facebook facebook-social-plugins facebook-share angular

7
推荐指数
1
解决办法
1016
查看次数