我正在尝试为自我托管的Wordpress网站创建一个华盛顿邮政esque社交阅读器,因此当有人阅读我的帖子时,它会发布在他们的Facebook新闻源中。Facebook打开图形应用程序:“发生错误”
我已经关注了Facebook Open Graph教程,但是当我点击帖子上的“阅读”时,我仍然会面对一个弹出窗口,显示“发生错误”。我使用了调试工具,它报告说一切都很好。
是否需要执行其他步骤才能使Open Graph应用程序在自托管的Wordpress网站上工作?
以下是我迄今使用的代码。我用默认值替换了实际的图片网址,因为我无法在Stack Overflow上发布图片。
在元标记区域我键入以下内容:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#
zeitlife: http://ogp.me/ns/fb/zeitlife#
<meta property="fb:app_id" content="308222752522151" />
<meta property="og:type" content="zeitlife:article" />
<meta property="og:url" content="http://www.zeitlife.co.uk/cabana-brazilian-food-that-breaks-the-mould/>
<meta property="og:title" content="Cabana: Brazilian that Breaks the Mould"/>
<meta property="og:description" content="Restaurant Review" />
<meta property="og:image" content="[image URL]" /></a>[/caption]" />
</head>
</html>
而且在后的身体我键入以下内容:
<script type="text/javascript">
function postRead()
{
FB.api('/me/zeitlife:Read' +
'?article=http://zeitlife.co.uk/cabana-brazilian-food-that-breaks-the-mould','post',
function(response) {
if (!response || response.error) {
alert('Error occured');
} else {
alert('Post was successful! Action ID: ' + response.id);
}
});
}
</script>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'308222752522151', cookie:true,
status:true, xfbml:true, oauth:true
});
</script>
<fb:add-to-timeline></fb:add-to-timeline>
<h3>
<font size="18" face="verdana" color="blue">
Cabana
</font>
</h3>
<p>
<img title="Cabana"
src="Image url here" </p>
<form> <input type="button" value="Read" onclick="postRead()" />
</form>
</html>
我会永远感激,如果有人可以帮助我出来了!
我期待您的回复。
亲切的问候,
谢谢你指出了!但是,当我点击“阅读”按钮时,它仍然说错误发生。调试工具没有问题,所以我不知道有什么问题。 –