Magento-Social

Magento 1 module that provides social features (sharing).

Features

• Open Graph meta tags
• Facebook
• Facebook meta tags
• Facebook Like Button
• Facebook Comments
• Twitter
• Twitter Product Card (meta tags)
• Twitter Tweet Button
• Google
• Google Plus One Button
• Pinterest Pin Button
• Tumblr share button

No Magento layout updates needed (uses Magento events).

Configuration

• Config
• System > Configuration > General > Social

Screenshots

• Product view
• Magento Configuration

How to use?

1. Fill credentials and configure options of each service
2. Put an helper call in your (catalog/product) templates. Available Helpers:

• FacebookLike Button: <?php echo Mage::helper('baobaz_social/facebook')->getLikeButton($this); ?>
• Facebook Comments: <?php echo Mage::helper('baobaz_social/facebook')->getComments(); ?>
• Twitter Tweet Button: <?php echo Mage::helper('baobaz_social/twitter')->getTweetButton(); ?>
• Google Plus One Button: <?php echo Mage::helper('baobaz_social/google')->getGooglePlusOneButton(); ?>
• Pinterest Pin Button: <?php echo Mage::helper('baobaz_social/pinterest')->getPinButton(); ?>
• Tumblr share Button: <?php echo Mage::helper('baobaz_social/tumblr')->getShareButton(); ?>

Example of generated meta tags

<!-- Facebook meta tags -->
<meta property="fb:admins" content="1234567890" />
<meta property="fb:page_id" content="1234567890" />
<meta property="fb:app_id" content="1324567890" />
<!-- Open Graph meta tags -->
<meta property="og:title" content="My Product" />
<meta property="og:description" content="My Cool Product" />
<meta property="og:url" content="http://domain.tld/my-product.html" />
<meta property="og:image" content="http://domain.tld/media/catalog/product/cache/1/image/hash/m/y/my-product.jpg" />
<meta property="og:site_name" content="My Website" />
<meta property="og:type" content="product" />
<meta property="og:price:amount" content="69,00" />
<meta property="og:price:currency" content="EUR" />
<meta property="og:availability" content="in stock" />
<!-- Twitter Card meta tags -->
<meta name="twitter:title" content="My Product" />
<meta name="twitter:description" content="My Cool Product" />
<meta name="twitter:card" content="product" />
<meta name="twitter:creator" content="Baobaz" />
<meta name="twitter:site" content="My Website" />
<meta name="twitter:image" content="http://domain.tld/media/catalog/product/cache/1/image/hash/m/y/my-product.jpg" />
<meta name="twitter:data1" content="69,00 €" />
<meta name="twitter:label1" content="Price" />

Third party documentation

• The Open Graph Protocol
• Facebook
• Social Plugins: Like Button
• Social Plugins: Comments
• Twitter
• Product Card
• Tweet Button
• Google
• Google+ Platform: +1 Button
• Pinterest
• Product rich pins
• Pin It Button
• Tumblr
• Share buttons

To Do

• Customizable Open Graph properties?

License

Released under the terms of the Open Software License 3.0.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.