How to handle facebook sharing/like with hashbang urls? How to handle facebook sharing/like with hashbang urls? ajax ajax

How to handle facebook sharing/like with hashbang urls?


I think the answer at http://facebook.stackoverflow.com/questions/8896773/opengraph-on-ajax-based-website provides some really good advice on how to make this happen.

Here's the content:


No. Open Graph markup must be present on HTML pages which are GETable with pure HTTP.

This is because when a user interacts with an OG object (like, performs an action etc) Facebook will perform an HTTP GET on the OG URL, and expect to see OG tags returned in the markup.

The solution is to create canonical URLs for each of your objects. These URLs contain basic HTML markup including OG tags.

On requests to these URLs, if you see the incoming useragent string containing 'facebookexternalhit' then you render the HTML. If you don't, you serve a 302 which redirects to your ajax URL. On the ajax URLs, your like buttons and any OG actions you publish should point to the canonical URL object

Example:

As a user, I'm on http://yoursite.com/#!/artists/monet. I click a like button, or publish an action, but the like button's href parameter, or the URL of the object when you post the action should be a web hittable canonical URL for the object - in this case, perhaps http://yoursite.com/artists/monet

When a user using a browser hits http://yoursite.com/artists/monet you should redirect them to http://yoursite.com/#!/artists/monet, but if the incoming useragent says it is Facebook's scraper, you just return markup which represents the artist Monet.

For real world examples, see Deezer, Rdio and Mog who all use this design pattern.


i ended using a php header() redirect, which works perfectly :

if(isset($_GET['_escaped_fragment_'])) {    Header( "HTTP/1.1 301 Moved Permanently" );    header('Location: http://'.$_SERVER['HTTP_HOST'].$_GET['_escaped_fragment_']);    die();}

I don't know why i got escaped characters when doing it with the htaccess rewrite condition.


If you use the following syntax you can share hashbang urls on facebook: https://stackoverflow.com/a/6138879/372838