Implementando as tags Open Graph (facebook) no Magento

Post com código fonte para implementar as tags Open Graph do Facebook no Magento.

Edite o arquivo head.phtml do seu tema.

app/design/frontend/default/SEUTEMA/template/page/html/head.phtml

(faça um backup antes)

Adicione o seguinte código:

<?php if(Mage::registry('current_product')): ?>
 <?php $product = Mage::registry('current_product'); ?>
 <meta property="og:title" content="<?php echo ($product->getName()); ?>" />
 <meta property="og:type" content="product" />
 <meta property="og:image" content="<?php echo $this->helper('catalog/image')->init($product, 'small_image')->resize(200,200);?>" />
 <meta property="og:url" content="<?php echo Mage::registry('product')->getProductUrl(); ?>" />
 <meta property="og:description" content="<?php echo strip_tags(($product->getShortDescription())); ?>" />
 <meta property="og:site_name" content="<?php echo Mage::app()->getStore()->getName(); ?>" />
<?php elseif(Mage::registry('current_category')): ?>
 <meta property="og:title" content="<?php echo $this->getTitle() ?>" />
 <meta property="og:type" content="product.group" />
 <meta property="og:url" content="<?php echo $this->helper('core/url')->getCurrentUrl();?>" />
 <meta property="og:description" content="<?php echo strip_tags($this->getDescription()) ?>" />
 <meta property="og:site_name" content="<?php echo Mage::app()->getStore()->getName(); ?>" />
<?php elseif((Mage::getSingleton('cms/page')->getIdentifier() == 'home' && Mage::app()->getFrontController()->getRequest()->getRouteName() == 'cms')) : ?>
 <meta property="og:title" content="<?php echo $this->getTitle() ?>" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="<?php echo $this->helper('core/url')->getCurrentUrl();?>" />
 <meta property="og:description" content="<?php echo strip_tags($this->getDescription()) ?>" />
 <meta property="og:site_name" content="<?php echo Mage::app()->getStore()->getName(); ?>" />
<?php else: ?>
 <meta property="og:title" content="<?php echo $this->getTitle() ?>" />
 <meta property="og:type" content="article" />
 <meta property="og:url" content="<?php echo $this->helper('core/url')->getCurrentUrl();?>" />
 <meta property="og:description" content="<?php echo strip_tags($this->getDescription()) ?>" />
 <meta property="og:site_name" content="<?php echo Mage::app()->getStore()->getName(); ?>" />
<?php endif; ?>

Com este código iremos tratar 4 tipos de conteúdo no Magento que pode ser compartilhado.

• product: página dos produtos
• product.group: para categorias
• website: páginas do CMS
• article: Todas as outras páginas..

Um pouco sobre as tags..

og: title: Titulo da página

og: type: Tipo da página, pode ser produto, artigo, etc..

og: url: Utiliza para informar a URL que será compartilhada

og:Description: Descrição do conteúdo da página

og: site_name: Nome do site

og: image: Imagem que irá ser compartilhada junto com o titulo e URL.

Conclusão

Não esqueça de limpar o cache da loja ou do servidor (Vanish)

Para testar as tags utilize o próprio depurador do Facebook: https://developers.facebook.com/tools/debug/sharing

Observação: Facebook faz “cache” temporário das tags.