如何使用Open Graph将文章发布到时间轴?

时间:2012-03-01 04:21:34

标签: javascript facebook opengraph facebook-opengraph facebook-timeline

我在最近八个小时的时间里一直在不知疲倦地努力尝试格式化我的Wordpress博客,这意味着用户可以通过使用文章的Open Graph设置点击按钮并将文章发布到自动收报机

我一直在使用here找到的教程。

不幸的是,我没有能够完成它,因为每次单击我创建的“发布”按钮时,都会弹出一条错误消息。

当使用Facebook的调试器时,我发现没有任何问题,并且所有必要的标签都已到位(我有一个插件可以帮助我,这很完美)。

以下是我对header.php文件所做的修改,以适应教程:

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
      xmlns:fb="https://www.facebook.com/2008/fbml">

</head>之前添加了以下内容:

<script type="text/javascript">
  function postArticle()
  {
      FB.api(
        '/me/[NAMESPACE]:read?Article=<?php get_permalink() ?>',
        'post',
        function(response) {
           if (!response || response.error) {
              alert('Error occured');
           } else {
              alert('Successful! Action ID: ' + response.id);
           }
        });
  }
  </script>

明确放置一个登录按钮,要求获得许可:

    <div id="fb-root"></div>
     <script>
     window.fbAsyncInit = function() {
      FB.init({
        appId      : '[APPLICATION ID]', // App ID
        status     : true, // check login status
        cookie     : true, // enable cookies to allow the server to access the session
        xfbml      : true  // parse XFBML
      });
     };

     // Load the SDK Asynchronously
     (function(d){
      var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
      js = d.createElement('script'); js.id = id; js.async = true;
      js.src = "//connect.facebook.net/en_US/all.js";
      d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
     </script>

     <fb:login-button perms="email,publish_actions,user_actions.news">
    Login with Facebook
    </fb:login-button>

最后将以下内容放在页面上我希望按钮出现的位置:

<fb:add-to-timeline></fb:add-to-timeline>
 <form>
 <input type="button" value="Publish" onclick="postArticle()" />
 </form>

在我的Open Graph设置中,我的操作类型为“Read”,对象类型为“Article”。

为什么这对我不起作用?

2 个答案:

答案 0 :(得分:1)

它通过tutorial为我工作。

您是否在Head部分添加了开放图形标记,例如..

<head prefix="og: http://ogp.me/ns# [YOUR_APP_NAMESPACE]: 
                  http://ogp.me/ns/apps/[YOUR_APP_NAMESPACE]#">
  <title>OG Tutorial App</title>
  <meta property="fb:app_id" content="[YOUR_APP_ID]" /> 
  <meta property="og:type" content="[YOUR_APP_NAMESPACE]:recipe" /> 
  <meta property="og:title" content="[YOUR_TITLEIts]" /> 
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" /> 
  <meta property="og:description" content="The Turducken of Cookies" /> 
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">
</head>

New things about og:article

答案 1 :(得分:0)

您的操作类型必须为发布