Question

我正在尝试为我自己托管的Wordpress网站创建一个华盛顿邮政社交阅读器，所以当有人阅读我的帖子时，它会在他们的Facebook新闻源上发布。

我已经关注了Facebook Open Graph教程，但是当我点击帖子上的“阅读”时，我仍然会面对一个弹出框，上面写着“Error Occured”。我使用了调试工具，它报告说一切正常。

是否需要执行其他步骤才能使Open Graph应用程序在自托管的Wordpress网站上运行？

以下是我目前使用的代码。我已经用默认值替换了实际的图像URL，因为我还无法在Stack Overflow上发布图像。

在Meta Tag区域，我输入了以下内容：

<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>

如果有人可以帮助我，我将永远感激不尽！

我期待您的回复。

亲切的问候，

Answer 1

通过创建自定义阅读操作，您自己的工作量会变得更加困难。

Facebook提供三种内置动作类型：读取，监听和监视。（见https://developers.facebook.com/docs/opengraph/actions/builtin/）

如果您使用内置系统：

避免错误要容易得多
您的文章显示在人们新闻Feed的“趋势文章”部分
Facebook完成了为您设置行动的大部分工作

Answer 2

这是因为你有一个空格：

http://www.zeitlife.co.uk/cabana-brazilian-food-that-breaks-the-mould /

需要：

http://www.zeitlife.co.uk/cabana-brazilian-food-that-breaks-the-mould/

我尝试使用它：

http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.zeitlife.co.uk%2Fcabana-brazilian-food-that-breaks-the-mould%2F

它有效。

Facebook Open Graph App：“发生错误”

2 个答案: