Adicionar botão de "Recomendar" do Facebook

Gustavo Paes, 29/05/2011

O botão de “recomendar” do Facebook permite que os seus usuários recomendem um página do seu site. Em e-commerces isso é vital para aumentar a exposição de sua loja e de seus produtos de forma simples e gratuita. Afinal de contas, o boca-a-boca é o melhor marketing. Entretanto, a configuração do botão do Facebook deve ser feita corretamente para que a recomendação apareça de uma forma clara e bonita no site do Facebook. Se não, de que adianta o usuário clicar em um botão de recomendar uma camiseta se no Facebook aparece uma foto de uma caneta com laser?

Um pouco de teoria

Quando o usuário clica no botão de recomendar a página, o Facebook irá adicionar uma entrada no mural do usuário exibindo uma imagem (caso ele encontre), o título da página e uma descrição. Todas essas informações são obtidas na URL que o usuário curtiu / recomendou. O Facebook usa as informações que estão presentes nas tags title, descriptions e image_src. Portanto, certifique-se que todas as páginas de seu site / blog / e-commerce tenha as seguintes tags:

O código do Facebook

O código para adicionar o botão de curtir / recomendar do Facebook é muito simples. Basta alterar as informações do seu site no código abaixo:

/fb:like

No Magento

No Magento, você deve inserir esse código no seguinte arquivo: ./app/design/frontend/default/[seu template]/template/catalog/product/view.phtml Para obter a URL automaticamente, coloque no parâmetro href="" o seguinte código: […] href=“<?php echo $this->helper(“core/url”)->getCurrentUrl(); ?>” […] Com o botão na página, abra agora o header do seu template para adicionar o código do Open Graph Meta Tags: ./app/design/frontend/default/[seu template]/template/page/html/head.phtml O código deve ficar assim, já obtendo automaticamente as informações do produto: <?php if (Mage::registry(“current_product”)) : ?> getCurrentUrl() ?>“/> init(Mage::registry(“current_product”), “small_image”)->resize(100,100);?>“/>