How do I customize Facebook’s sharer.php

by

What you are talking about is the preview image and text that Facebook extracts when you share a link. Facebook uses the Open Graph Protocol to get this data.

Essentially, all you’ll have to do is place these og:meta tags on the URL that you want to share – 

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
      content="A group of U.S. Marines, under command of
               a renegade general, take over Alcatraz and
               threaten San Francisco Bay with biological
               weapons."/>

As you can see there are both an image property and a description. When you make changes to your pages og:meta tags, you can test these changes using the Facebook Debugger. It will tell you if you have made any mistakes (and how to fix them!)

More Related Contents:

  1. Facebook Graph API v2.0+ – /me/friends returns empty, or only friends who also use my application
  2. Facebook Callback appends ‘#_=_’ to Return URL
  3. How does Facebook Sharer select Images and other metadata when sharing my URL?
  4. Facebook OAuth “The domain of this URL isn’t included in the app’s domain”
  5. How to get share counts using graph API
  6. FB OpenGraph og:image not pulling images (possibly https?)
  7. Facebook development in localhost
  8. How should we retrieve an individual post now that /[post-id] is deprecated in v2.4?
  9. Facebook login message: “URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings.”
  10. how to share a video from my website on facebook like youtube
  11. Graph API returns ‘false’ or ‘Unsupported get request’ accessing public Facebook Page
  12. Getting the Facebook like/share count for a given URL
  13. how to set a facebook profile picture using the graph api
  14. How to recognize Facebook User-Agent
  15. Get a list of friends of a friend on Facebook
  16. Does Facebook SDK require HTTPS?
  17. How to get the Facebook user id using the access token
  18. How to verify Facebook access token?
  19. Invisible characters – ASCII
  20. Get facebook friends with Graph API v.2.0 [duplicate]
  21. Facebook Like Button – how to disable Comment pop up?
  22. Open Graph namespace declaration: HTML with XMLNS or head prefix?
  23. How to make Facebook’s app new menu on Android? [duplicate]
  24. og meta tags, social buttons and angularjs
  25. Do I need an appId for a XFBML version of the Facebook Like button?
  26. Allowing multiple domains for 1 Facebook App (like Tumblr)
  27. Check if user is logged in New Facebook API
  28. Custom skin for facebook like button
  29. Facebook share link without JavaScript
  30. Unable to get access token from Facebook. Got an OAuthException says “Error validating verification code”

Leave a Comment