Implementando as tags Open Graph (facebook) no Magento

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

tags open graph 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.

 

Avalie este artigo!

Clique nas estrelas, para dar uma nota de 1 à 5.

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *