标签: facebook-opengraph

我有一个H.264编码的mp4文件,当我提供服务的页面被喜欢或共享时,我试图将其嵌入到Facebook帖子中.

我的理解是,我只需要在喜欢/共享的URL上使用正确的Open Graph <meta>标签.但是,我已经尝试了几组不同的<meta>标签,当我将URL粘贴到状态更新并发布时,视频仍未嵌入.它确实嵌入了og:image属性中的图像,但点击图像只是将用户关闭og:url.

当我使用Facebook调试器工具时,这是它为Raw Open Graph文档信息显示的内容:

Meta Tag:   <meta property="fb:app_id" content="000000000000000" />
Meta Tag:   <meta property="og:url" content="http://www.testdomain.com/path/to/shared/page" />
Meta Tag:   <meta property="og:title" content="Example Page" />
Meta Tag:   <meta property="og:description" content="Example Description" />
Meta Tag:   <meta property="og:site_name" content="Example" />
Meta Tag:   <meta property="og:image" content="http://content.example.com/images/example.png" />
Meta Tag:   <meta property="og:type" content="video.other" />
Meta Tag:   <meta property="og:video:width" content="400" />
Meta Tag:   <meta property="og:video:height" content="300" />
Meta Tag: …

如何调试 facebook 调试器？

问题的详细说明:

我使用"帖子和页面中的开放图谱协议"插件手动输入我自己托管的wordpress网站上的帖子的OG数据.在Facebook上分享之前,我在FB调试工具中测试帖子的url,结果总是正确的.

但是,最近调试器返回了以下错误消息:"错误链接URL:在绘制URL时发生内部错误",我几天都无法摆脱它.我尝试再次调试几次,但没有帮助.它被卡住了.我用谷歌搜索解决方案,但我找不到任何解决方案.我可能错了,但这个错误信息似乎很少见.

我不是专家,但我认为调试工具在某种程度上被我帖子中的双OG数据搞糊涂了:

1. 我手动插入插件"在帖子和页面中打开图形协议"的OG信息.
2. 当视频插入帖子时,JWPLayer wordpress插件自动生成OG信息.

我只需要第一个,我ussualy删除JWPlayer的自定义字段,但这次我忘了这样做.

在调试器返回错误消息后,我删除了JWP自定义字段,希望它们引起一些冲突,我保存了帖子并尝试再次调试.调试器再次返回错误消息.

Graph API看到有关我的帖子的过时信息,它不会刷新它,虽然我纠正了我的帖子中的所有内容,然后我调试了几次.在我看来,调试器在我的URL中看到了一个错误,并且不会忘记它.

我甚至删除了帖子,将其内容复制并粘贴到一个新帖子并给它相同的标题(失去那些可能跟随短暂固定链接的访问者,但无论如何).调试器以相同的方式对重新发布的帖子做出反应.再次出现错误消息 我在调试器中测试了我的其他帖子,一切都很完美.显而易见的是,调试器记住了这个特定的url.如果我在网址中的不同标题下重新发布帖子,问题就会消失.

我向Facebook分享了这个有问题的网址,奇怪的是它显示了正确的数据.一切似乎都没问题:标题,描述,缩略图等...但是,我测试了我的帖子中的分享按钮,它在Facebook上显示错误的数据,虽然我已经纠正了它.调试器会看到不再在帖子中的数据.出于这个原因,我被迫删除了分享按钮,因此访问者不会在Facebook上分享错误的信息.

现在我处于矛盾状态,试图找到一种调试调试器的方法.如何刷新它的内存,以便它可以忘记我的网址,我可以从零开始一个新的开始？

如你所见,我不是这些问题的专家.我花了很多时间和资源来构建我的网站,而没有任何PHP和CSS的知识,现在一切都因为这些facebook错误而下地狱.我正在失去处理这种不足的宝贵时间.为什么一切都必须如此复杂？我问所有开发人员,请制作一个好的,简单的,用户友好的工作标准并坚持下去.请停止复杂化.现在这个错误信息是什么？调试器提供绝对没有解释和解决方案.它没有解决问题,而是陷入困境并成为一个问题本身.人们唯一能做的就是等待希望错误会自行消失.这是纯粹的不存在.

额外细节:

这就是Graph API在我的网址中看到的内容.虽然该数据不再有效,但调试器仍会记住它.您可以看到JWPLayer插件自动插入的视频OG:

{
   "url": "http://mydomain/post-title/",
   "type": "video.movie",
   "title": "",
   "image": [
      {
         "url": "http://mydomain/uploads-folder/post-title-video-thumbnail.jpg"
      },
      {
         "url": "http://mydomain/uploads-folder/post-thumbnail.jpg"
      }
   ],
   "video": [
      {
         "url": "http://mydomain/uploads-folder/jw-player-plugin-for-wordpress/player/player.swf?file=http\u00253A\u00252F\u00252Fmydomain\u00252Ffiles\u00252Fvideo-title.flv&controlbar=bottom&dock=false&autostart=false&height=331&width=545&captions.back=false&captions.fontsize=12&captions.state=true&icons=true&playlist.position=none&playlistsize=180&repeat=none&shuffle=false&bufferlength=1&smoothing=true&stretching=uniform&wmode=opaque&mute=false&volume=90&plugins=captions-1\u00252Cgapro-2\u00252C&gapro.accountid=UA-76476476476-1&gapro.trackstarts=true&gapro.trackpercentage=true&gapro.tracktime=true",
         "type": "application/x-shockwave-flash",
         "width": 545,
         "height": 331
      }
   ],
   "description": "",
   "site_name": "here's the name",
   "updated_time": "2012-12-05T20:09:40+0000",
   "id": "754654658476545"

这是调试器在更正后应该看到的内容,但它没有这样做.但是,当网址粘贴在Facebook上时,它会正确显示:

{
   "url": "http://mydomain/post-title/",
   "type": "website",
   "title": "here's the title",
   "image": [
      { …

目前,我可以使用我的一些网页的目标向已经喜欢这些页面的Facebook用户发布新闻订阅源更新.

现在我正在尝试测试新的开放图和自定义操作来做同样的事情; 将更新发布给在我的网站上进行特定操作的用户.但即使我得到我的应用程序的publish_actions权限,并使用我的Facebook帐户和我的应用程序的一些虚拟测试用户帐户(我知道,直到时间轴发布,只有开发人员和测试用户可以使用所述权限),当我尝试发布我收到此错误消息: "{"error":{"message":"(#200) Requires extended permission: publish_actions","type":"OAuthException"}}".

我还将我的应用类型更改为游戏,以便我可以从auth对话框中正确获取publish_actions权限.

有什么想法可以帮助我吗？或者我必须等到时间线发布才能正确测试新的开放图表发布？

编辑:请求发送包含这些参数;

to: https://graph.facebook.com/feed
["access_token": "given access token", 
"message": "post message", 
"caption": "post caption", 
"picture":"picture url", 
"link": "link to post", 
"description": "post description", 
"ids": "object ids separated by commas"]

Edit2:我通过添加到时间轴按钮询问权限:

<fb:add-to-timeline show-faces="true" mode="button" perms="offline_access,publish_actions,publish_stream"></fb:add-to-timeline>

我正在寻求澄清有关使用og:type article vs website的个人网页,这在技术上不是"文章",但也不代表整个网站.

文档似乎是矛盾的:

来自https://developers.facebook.com/docs/opengraphprotocol/#types

Use article for any URL that represents transient content - such as a
news article, blog post, photo, video, etc. Do not use website for this
purpose. website and blog are designed to represent an entire site, an 
og:type tag with types website or blog should usually only appear on the 
root of a domain.

在这种情况下,文章只应用于"瞬态"内容."瞬态"的定义是"仅持续一小段时间".这句话也隐含地说"网站和博客旨在代表一个完整的网站...(和)通常只应出现在域的根目录上."

编辑:有趣的是,描述类型的同一页面也说:

If your URL is a video, you should set og:type to video.

这本身就与视频相关的引用相矛盾.

然而,回到主题,更高,相同的页面也说:

If your …

首先,我已经阅读了以下主题:

• Facebook喜欢没有确认？
• Facebook赞按钮显示"确认"链接,但确认后仍然不能像

包括这个主题:

• /sf/ask/625852461/

dev.anuary.com主机,子域下至少有25个应用程序托管anuary.com.他们都没有要求确认"喜欢"行动.

值得一提的是,还有另一个网站(http://sinonimai.lt)托管在同一台主机上,拥有超过10 000人的粉丝群,最近被Facebook禁用.我没有设法就任何一个问题联系Facebook,因此我只是从后一个网站上取下了喜欢的盒子.希望,暂时.

最烦人的是,即使你确认"喜欢"的动作,"喜欢"也不会被提交.我尝试过多个朋友帐户,不同的浏览器(可能会报错？).

我已经忽略了一个多月了.但它并没有消失.

没有隐藏的叠加层,没有布线元素或任何被认为是"喜欢"按钮元素的异常放置的东西.网站和按钮本身最近才被放置.开放图标签已就位,更改应用ID不会改变行为.

<meta property="og:title" content="Anuary"/>
<meta property="og:type" content="company"/>

<meta property="og:image" content="http://anuary.com/public/images/og-anuary-logo.jpg"/>
<meta property="og:url" content="http://anuary.com"/>
<meta property="fb:app_id" content="128740590570428"/>
<meta property="og:site_name" content="Anuary"/>
<meta property="og:description" content="Anuary is a company of accomplished developers and social media experts. We design engaging and innovative social media campaigns, for web and mobile, that are meant to interact with your targeted audience, through applications, websites, competitions and participation events. The objective being to spread …

我的网站指定了多个og:image标签,我想控制哪一个是默认值.它是否与指定顺序有关？

现在,图像以#3,#1,#2(默认为#3)的顺序出现在链接帖子选择器中,这似乎很不寻常.

感谢您提供的任何见解.

我想这样做facepile使用图形API开放图2点的操作:从自定义对象和自定义对象,给我做了这个对象上这个动作的朋友(使用我的Facebook应用程序).

问题是使用FQL,我无法查询自定义对象和操作.使用图形API,我无法找到一种方法将我的朋友列表与我感兴趣的对象相交.

我能做的最好的是使用图API的批处理模式:

batch=[
  // First we get the list of friends that are using my facebook application
  { "method": "GET", "relative_url": "fql?q=SELECT+uid+FROM+user+WHERE+uid+IN+(SELECT+uid1+FROM+friend+WHERE+uid2=me())+AND+is_app_user=1+LIMIT+0,49", "name": "friends"},
  // Then query each friend to get the list of objects that went through my namespace:testaction
  { "method": "GET", "relative_url": "{result=friends:$.data.0.uid}/namespace:testaction" },
  { "method": "GET", "relative_url": "{result=friends:$.data.1.uid}/namespace:testaction" },
  ...
  { "method": "GET", "relative_url": "{result=friends:$.data.49.uid}/namespace:testaction" }
]

这是非常低效的,并没有完全解决我的问题,因为:

• 我仍然必须过滤结果,只获得与我想要的对象匹配的结果
• 如果命名空间中有大量对象:testaction,我必须经历分页,执行更多查询(我尽量减少查询次数)

你看到更好的方法吗？

我无法理解关于搜索引擎和Facebook如何处理它们的规范URL.

我的Google地图供电网站允许访问者使用社交媒体在其所在国家/地区申请演出.其中一个页面可以在http://izzy.nogig.in/找到.

当用户点击他们的国家/地区标记时,它会为他们提供共享选项(twitter/facebook/etc),这些选项在共享时将专门为该国家/地区共享URL,例如:izzy.nogig.in/usa？还是izzy.nogig.in/spain？等等

URL中的所有这些国家/地区都包含大量重复内容,因此我使用以下内容将搜索引擎指向我想要排名的页面: -

<link rel="canonical" href="http://izzy.nogig.in/_?"/>

对于Facebook喜欢计入每个国家我已经设置了我的Open Graph"og:url"如下,例如:

<meta property="og:url" content="http://izzy.nogig.in/australia?" />

现在,当我通过Facebook对象调试器运行国家特定的URL时(例如http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fizzy.nogig.in%2Faustralia %3F)它显示以下内容: -

Response Code:  206
Fetched URL:    http://izzy.nogig.in/australia
Canonical URL:  http://izzy.nogig.in/australia

Mismatch og:url and canonical url:
og:url tag in the header is not the same URL as rel='canonical' link in the html.

上面的错误令我感到困惑.我知道它们不匹配,但我认为这是正确的方法.

调试器中的所有内容对我来说都很好(每个国家/地区的链接,描述,图像等),我无法更改rel ="canonical"值以匹配我的og:url,因为我需要它指向单个页面(无国家/地区)搜索引擎.

我相信一切正常.我应该忽略调试器中的错误,还是我错误地设置了它？我不希望每个国家的"喜欢"全部消失并计入rel ="规范"URL.

非常感谢 - 意志

HTML 5验证器在我的代码上失败,尽管我遵循了Facebook的文档.有各种各样的问题,但让我们先从一个例子开始.

我正在关注Facebook"入门"文档并使用th5is代码:

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:og="http://ogp.me/ns#"
  xmlns:fb="http://www.facebook.com/2008/fbml">

唯一的区别是我在<!DOCTYPE html>HTML5 之前.通过W3C HTML5验证器运行时,我收到此错误:

 Attribute xmlns:og not allowed here

我能想到的唯一错误是:

1. Facebook的文档是错误的
2. 我应该在<!DOCTYPE html>声明中添加某种命名空间.

但是,在任何一种情况下我都不知道修复是什么.会爱一些帮助!

我在我的单页应用程序中使用knockout(应用程序只有一个入口点,应用程序的视图通过进行ajax调用和修改页面而改变).

我的应用程序,我希望人们利用通过fb,twitter,g +共享页面.在标准应用程序中,我会做这样的事情:

<meta property="og:title" content="page title" />
.. other things like url, image ..

在fb上分享页面的人会得到一个很好的页面标题.但是在SPA中,我的标题是在开始时创建的,然而我正在用JS修改它:$('meta[name="og:title"]').attr('content', 'new title');所有社交网络都采用旧内容(这是预期的并且它是用这些 资源编写的).

我的应用程序正在使用JS路由,因此每个不同的页面都有自己的特定地址,如下所示:http://domain.com/#!route/123.阅读两个类似的问题我得到了相互矛盾的答案

• 这是不可能的
• 这可以通过实现特定的服务器端逻辑来实现,该逻辑基于跟踪FB用户代理.

当然第二个只适用于FB.

我的问题是:2014年引擎解析开放图形信息的方式是否有任何改进,是否可以在单页面应用程序中正确使用它.特别是我有兴趣在FB,Twitter,G +上很好地展示共享内容.