2012-01-19 4 views
0

J'essaie de créer un lecteur social de Washington Post-esque pour mon site Wordpress auto-hébergé, donc quand quelqu'un lit un post, il est publié sur leur fil d'actualité Facebook. J'ai suivi le tutoriel Facebook Open Graph, mais je continue à faire face à une fenêtre contextuelle disant "Error Occured" lorsque je clique sur "Read" sur un post. J'ai utilisé l'outil de débogage et il a rapporté que tout va bien.Facebook Open Graph App: "Erreur est survenue"

Y a-t-il d'autres étapes requises pour faire fonctionner une application Open Graph sur un site Wordpress auto-hébergé?

Voici le code que j'ai utilisé jusqu'à maintenant. J'ai remplacé les URL de l'image par défaut car je ne peux pas encore publier d'images sur Stack Overflow.

Dans la zone Meta Tag I dactylographiées suivantes:

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

Et dans le corps du message que je dactylographiées les suivantes:

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

Je serais éternellement reconnaissant si quelqu'un pouvait me aider en dehors!

J'attends votre réponse avec impatience.

Cordialement,

Répondre

0
+0

Merci de faire remarquer cela! Cependant, il dit toujours que l'erreur est survenue lorsque j'ai cliqué sur le bouton "Lire". Aucun problème ne survient sur l'outil Débogage, donc je ne suis pas sûr de ce qui ne va pas. –

1

Vous créez des choses beaucoup plus difficiles en créant une action de lecture personnalisée.

Facebook propose trois types d'actions intégrées: lecture, écoute et surveillance. (Voir https://developers.facebook.com/docs/opengraph/actions/builtin/)

Si vous utilisez le système intégré:

  • Il est beaucoup plus facile d'éviter les erreurs
  • Vos articles apparaissent dans la section « Trending articles » des nouvelles de personnes se nourrit
  • Facebook Est-ce que la plupart des travaux de mise en place des actions pour vous