Weird Content of Facebook share/like button preview from angular app

1.5k views Asked by At

I have an issue with share/like button from Angular app. I finally made it working correctly with links but share/like preview if completely wrong. I tried XFBML.parse(), switching to html 5 mode, etc.

There are two complete enigmas: 1. I got "Given URL is not allowed by the Application configuration..." despite adding all possible variants to fb app setting.

  1. When share preview appear - it has "Angular", but I never added it anywhere.

Here is the link

Would be grateful for any ideas... Thx

1

There are 1 answers

1
CBroe On BEST ANSWER

The Facebook Scraper only looks at the HTML code your server delivers, it does not execute any JavaScript.

So if you want to share different articles, you need an individual URL for each article, that delivers the relevant meta data when requested from the server.

You can find some more explanation and hints on how to implement this in this article, http://www.michaelbromley.co.uk/blog/171/enable-rich-social-sharing-in-your-angularjs-app