Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Looking at <a href="http://www.dappergames.com/test.html" rel="nofollow">your test</a>, you're missing the most important tag, og:url.</p> <p>Facebook uses that tag to find the location of where to parse the information, I was having a similar problem on adding achievements to my app until I figured that out. Here's how mine looks. Mine passes the <a href="http://developers.facebook.com/tools/debug" rel="nofollow">debugger</a> and works currently on Facebook.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"&gt; &lt;head&gt; &lt;title&gt;Game Loader&lt;/title&gt; &lt;meta property="og:type" content="game.achievement"/&gt; &lt;meta property="og:title" content="Game Loader"/&gt; &lt;meta property="og:url" content="FULL LINK TO THIS PAGE"/&gt; &lt;meta property="og:description" content="You loaded the gam!e"/&gt; &lt;meta property="og:image" content="Link to 50x50 image"/&gt; &lt;meta property="og:points" content="10"/&gt; &lt;meta property="fb:app_id" content="YOUR_APP_ID"/&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>After updating your HTML to this, run it through the debugger linked above so that it is updated on Facebook's end (and to see if you receive any warnings) and then create it and give it to users.</p> <p>Here's how I created it:</p> <pre><code>curl -D "achievement=[URL TO ACHIEVEMENT]&amp;access_token=[APPLICATION ACCESS TOKEN]" https://graph.facebook.com/APP_ID/achievements </code></pre> <p>and I then rewarded it to users using the Facebook Javascript API on my canvas application like so:</p> <pre><code>FB.api('/'+user_id+'/achievements', 'POST', { 'access_token': [APPLICATION ACCESS TOKEN], 'achievement':[FULL URL]}, function(response) { if(console) console.log(response); }); </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload