Interested in hiring us?

Have a chat with us. You would be surprised how small changes can make your business even more successful.


31 comments

  1. Really great!!! Its working fine and have helped me to put social links to share my products. I was using a extension before it and that was creating many issues on live site and also was with too much scripts and external links affecting performance of website.

  2. Thank you for your post. I am using Magento Go (I am not a programmer/developer). How can I add your code into Magento Go? I already added meta tag for my website, but when I try to copy your code after that to tag individual product, the php code is not accepted. I hope you can help me!

  3. I have added some custom attributes for products meta information tab.How to display the custom attributes on head.phtml ?I dont know how to retrieve the custom field values from database to display in header section.Please help

  4. Shouldn’t the values in the content attribute be run through htmlspecialchars()?

    Also the og tags make the page invalid for XHTML strict.

    You have to use a different doc type of

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

    to get the page to validate.

  5. Hi
    is this enough to add Your code like copy and paste or else sHave to do any customization for pinterest?

  6. @Milan: As far as I can tell there is no official share/add URL for svpply. You will have to use their button (https://svpply.com/extras/store_button) or inspect it to see if you can get the URL from there.

    @Prashant Parekh: Please check if you have a correct namespace in your html tag. You should have something like xmlns:fb=”http://ogp.me/ns/fb#” as an attribute in the html tag. Also check if you resized the product image correctly. I have used this meta data on a number of project and it just works.

  7. I have use this same code and also put open image graph.. But still image is not showing in facebook share button.

  8. @pajamas: Yes it supports the Open Graph meta data and here is a simple way of adding them to your Magento site. We will use template/page/html/head.phtml

    <?php $product = Mage::registry('current_product');
    if ($product): ?>
    <!-- Facebook Share Thumbnail -->
    <meta property="og:title" content="<?php echo $product->getName(); ?>" />
    <meta property="og:type" content="product" />
    <meta property="og:url" content="<?php echo $this->helper('catalog/product')->getProductUrl($product); ?>" />
    <meta property="og:image" content="<?php echo $this->helper('catalog/image')->init($product, 'image')->resize(130, 110); ?>" />
    <meta property="og:description" content="<?php echo strip_tags($product->getShortDescription()); ?>" />
    <meta property="og:site_name" content="<?php echo Mage::getStoreConfig('general/store_information/name') ?>" />
    <!-- End of Facebook Share Thumbnail -->
    <?php endif; ?>
  9. Hello Srdjan,

    This tutorial is great, and it is really simple to implement, unlike others I’ve seen.
    I have one problem though. When sharing a product, that has some images associated with attributes, all of these images end up being shared. Even though I’ve set the correct meta tag for the image. Any ideas how this can be avoided?
    Thank you in advance!

  10. Hi jignesh,
    Have you included the OpenGraph meta tags in the page header?

  11. Hi,
    Thanks for the nice post, it is working like charm,

    But i want Total count of Google+, Face book, Twitter and Pinterest

    like G+(10) + FB(10) + Twitter (10) + Pinterest (10) = 40 Total
    any way to get the total count of these social shares ?
    Sorry for my bad English

    Thanks in advance

  12. Hi Srdjan,

    Thanks for your response. It really helps! Once again thanks for your advice.

  13. Hi Srdjan,

    Thanks for your excellent post. Its really very nice. But, I want to integrate “Mail a friend” & “Tumblr” on my site. Kindly guide me how can I implement this.

    Thanks in advance…

  14. @Diego: Thank you for raising the point but if you go to the page you posted (http://developers.facebook.com/docs/share/) you can see that there is a similar functionality in the “Direct URL Example” section. The point is there will always be a way to share something on your wall through a simple URL with some parameters (I hope so).

    @Collar: Thanks for sharing :) Again Sharrer uses its own JavaScript that you will have to debug if something does not work as it should.

  15. Thanks. Great, also to read about Sharrer (Jquery).

    Still. There is not an fix all plugin, with extremely simple code. *at least that my opinion)

  16. Nice post Srdjan. I think this is a really good point to think about. But, it’s good to remember about Facebook’s sharer.php limited lifetime.

    Here, at Like Button documentation: http://developers.facebook.com/docs/reference/plugins/like/

    They say:

    “What happened to the old Share button?

    We deprecated the Share Button when we launched the Like button, because the Like button improves clickthrough rates by allowing users to connect with one click, and by allowing them to see which of their friends have already connected. For reference, the Share button documentation is still available here.”

    And even this link to sharer.php documentation isn’t working anymore:

    http://developers.facebook.com/docs/share/

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <blockquote cite=""> <code> <del datetime=""> <em> <strike> <strong>. You may use following syntax for source code: <pre><code>$current = "Inchoo";</code></pre>.