Julienh / Sharrre

Make your sharing widget! Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more.
sharrre.com
MIT License
1.04k stars 411 forks source link

Manipulate FB ilike (image, title, desc) #18

Closed elboah closed 12 years ago

elboah commented 12 years ago

Dear Julien

First, thanks for sharrre.com! Great plugin and I'm using it for my new portal. To my problem, at the moment I cannot manipulate image, title and desc content for Facebook ilike button. Everything works fine for Twitter and Google+ button. They are catching title and desc metatag from the current page. But Facebook seems to catch information from the root page. Not very useful. I just want, that Facebook catch all information from the current page, where the buttons are displayed + a defined thumbimage, which I provided before.

Here the page. Maybe is good for you to see my problem: http://bit.ly/AyfVKG

Thanks for your help in advance!

Stefan

Tioneb commented 12 years ago

Hi elboah,

I'm not Julien but I can help you with that. You need to place additional <meta> tags in the <head> of your web page. Basically, you'll need to add the following lines :

<meta property="og:title" content="insert_your_title_here" /> <meta property="og:url" content="insert_your_url_here" /> <meta property="og:image" content="link_to_your_facebook_thumbnail" />

Once you're done, go to http://developers.facebook.com/tools/debug and enter your url to reload the new information.

If you want to know more about Open Graph protocol : http://ogp.me/

Hope this answers your question :)

Julienh commented 12 years ago

Hi elboah, Indeed you need to add Open Graph meta tags, thanks Tioneb :)

elboah commented 12 years ago

Thanks Tioneb! Funny - og meta tags were already defined! I just had to delete the "facebook cache" with http://developers.facebook.com/tools/debug. Now it works! Hours were gone for that... ;s