search

todordev / ITPShare-Plugin

Joomla! extension that display social media sharing buttons on web pages.
http://itprism.com/free-joomla-extensions/social-marketing-seo/socialmedia-multi-share
3 stars 6 forks source link

Thumbnail in share defaults to Pinterest icon #18

Closed therealkeng closed 11 years ago

therealkeng commented 11 years ago

I just installed ITPShare and it works well except for one small flaw. When I "like" (for Facebook) my article, the box appears with the space to add a comment to the Like. The thumbnail it shows is the "Pin It" icon. When I go to my Facebook page and review the Like, it shows the same icon.

confirmlike

Is there a place where I can specify my site's logo as the image to share?

todordev commented 11 years ago

Hi, Thank you for the post! You can use Open Graph Protocol to specify image. You can find more information here.

http://itprism.com/blog/19-opengraph-microformats-semantic http://ogp.me/

therealkeng commented 11 years ago

You totally lost me. I'm talking about when I use YOUR plugin on my website that YOUR plugin selects the Pinterest logo to represent my website on Facebook.

How do I change that so that YOUR plugin doesn't use Pinterest's logo to represent my website on Facebook?

todordev commented 11 years ago

Read about Open Graph Protocol and use meta tag "og:image".

http://stackoverflow.com/questions/10346703/facebook-does-not-load-image-from-ogimage http://davidwalsh.name/facebook-meta-tags http://kb.mailchimp.com/article/how-can-i-choose-the-image-thumbnail-that-shows-up-on-facebook

therealkeng commented 11 years ago

Dude. I'm asking why YOUR PLUGIN is using Pin It logo. I don't care about using some other program on facebook to make other images from other sites appear.

The question is directed at YOU regarding YOUR PLUGIN.How do I get YOUR PLUGIN to not use the Pin It logo? I am not talking about when I am in Facebook, I am talking about YOUR PLUGIN.

What part of that do you not understand?

By the way, this question is NOT closed. It is still open until you give me a straight answer.

todordev commented 11 years ago

Do you know how Facebook like button works? It does not depend from my plugin. It depends from Facebook robots.

  1. To add a like button on your website, you should prepare and put that code on your pages (check the link below). Then the button will be displayed on your website. You will find the button code here:
    http://developers.facebook.com/docs/reference/plugins/like/ I use this code in my plugin. If you want, you can test the button code with your URL. Let's see that will happen.
  2. When someone click on the button, Facebook robots (highlights robots) load your web page and get information about your content. The Facebook robots collect information from meta tags of your page - description, title, images,....
  3. Facebook platform uses collected data from the robots in sharing functionality, when it displays a window for sharing.

You can specify an image that you want Facebook robots to collect and to use in sharing functionality. You can do it with Open Graph protocol. If Facebook does not find meta tags, it tries to analyze and use other content from your page. So, I guess it needs time for its algorithms to analyze your pages and to get right image.

So, it does not depend from my plugin. It depends from Facebook robots. You should provide more meta data about your pages. I shared with you links to articles that you will be able to use to learn more about Open Graph Protocol.

You can test some of those extensions: http://extensions.joomla.org/extensions/site-management/seo-a-metadata/open-graph

Please, read the documentation about the Like button. http://developers.facebook.com/docs/reference/plugins/like/

Please, read the documentation about Open Graph object. http://developers.facebook.com/docs/opengraph/using-objects/

todordev commented 11 years ago

So, if you want from Facebook to display your logo, you should put this tag into the code of your template.

<meta property="og:image" content="http://your_website.com/your_logo.jpg&quot; />

Furthermore, you should resize your logo because there are requirements. Check this out. http://stackoverflow.com/questions/15421521/ogimage-open-graph-warnings-image-size