og meta tags, social buttons and angularjs

by

This can’t be done using javascript. Some people think that Facebook is reading what’s currently on the page. It’s not. It makes a separate request to your server using the same url (from window.location.href) using it’s Scraper, and the Facebook Scraper does not run javascript. That’s why you get {{page_title}} when clicking on something like a Facebook share button. Your content will have to be generated by the server so when Facebook goes to hit the url it gets the content it needs up front without the need for javascript. You can tackle the server side rendering in a fews ways.

  1. You can allow your server side technology to render the content.
  2. You can use the PhantomJS approach https://github.com/steeve/angular-seo.

More Related Contents:

  1. How does Facebook Sharer select Images and other metadata when sharing my URL?
  2. Facebook Open Graph not clearing cache
  3. FB OpenGraph og:image not pulling images (possibly https?)
  4. How to post on a friend’s Timeline after the February 2013 migration takes effect?
  5. Open Graph validation for HTML5
  6. Open Graph namespace declaration: HTML with XMLNS or head prefix?
  7. Why does Facebook Graph API say my account is non-active?
  8. Creating Facebook Page programmatically through Open Graph API
  9. Allowing multiple domains for 1 Facebook App (like Tumblr)
  10. Facebook OAuth “The domain of this URL isn’t included in the app’s domain”
  11. How to get share counts using graph API
  12. Facebook development in localhost
  13. How should we retrieve an individual post now that /[post-id] is deprecated in v2.4?
  14. Facebook login message: “URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings.”
  15. Graph API returns ‘false’ or ‘Unsupported get request’ accessing public Facebook Page
  16. Getting the Facebook like/share count for a given URL
  17. how to set a facebook profile picture using the graph api
  18. How to recognize Facebook User-Agent
  19. How to get the Facebook user id using the access token
  20. How to verify Facebook access token?
  21. Invisible characters – ASCII
  22. Get facebook friends with Graph API v.2.0 [duplicate]
  23. Facebook Like Button – how to disable Comment pop up?
  24. How to make Facebook’s app new menu on Android? [duplicate]
  25. Do I need an appId for a XFBML version of the Facebook Like button?
  26. Facebook connect service for my customers without appid
  27. What is the length of the access_token in Facebook OAuth2?
  28. Loading Iframe Facebook (Load denied by X-Frame-Options)
  29. How to display my photo albums and photos that are in FB on my own website
  30. How to get Likes Count when searching Facebook Graph API with search=xxx

Leave a Comment