SOCIAL MEDIA

06/12/2016

Como colocar as reações do Facebook nos posts


Todo mundo sabe que o Facebook ampliou o "Curtir" para novas alternativas: Amei, Haha, Uau, Triste e Grr. E se houvesse um jeito de usar essa avaliação rápida no blog? Dá sim! E foi o site Vicomi que trouxe essa opção pra gente.

Se você usa o Blogger não tem muito com o que se preocupar, a instalação das reações é bem simples:

1. Primeiro você entra nesta página do site e preenche com as informações do seu blog e do seu login. Não se esqueça de alterar o idioma para Portuguese.


2. Agora você escolhe o modelo das reações. O usual do Facebook aparece em destaque, mas você pode selecionar outros! Após selecionar o design favorito clique em Done.


3. Chegamos à última fase das etapas no site: a obtenção do código HTML dos botões! Uma página semelhante a essa com o código do script deve aparecer:


Instalação do código

Vamos fazer uma leve alteração no código porque a ideia é que os botões de reações apareçam nas páginas do post, ou seja, quando o visitante for comentar. Copie o código seguinte no bloco de notas e apague onde está escrito CÓDIGO AQUI e cole o código que apareceu no site.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

CÓDIGO AQUI.

</b:if>

Seu código está pronto, agora você precisa saber onde inseri-lo. Vá em Modelo > Editar HTML, tecle CTRL+F e na caixinha de pesquisa que surgiu procure por <data:post.body/>. Cole seu código logo abaixo. ATENÇÃO: Faça isso em todos os lugares em que o código <data:post.body/> aparece no seu HTML. 

Simples não é? Pra quem quer entreter os leitores e inovar no feedback do blog é bem interessante. 
Se gostou compartilhe e pede sugestão de tutorial novo também <3 Até mais! 😍

comentário(s) pelo facebook:

8 comentários :

  1. Olá Juh! Eu não consegui encontrar o código no meu template! Será que há outro um código diferente?

    ResponderExcluir
    Respostas
    1. Oi Mari <3 Você usa o mesmo tema que o meu né? É porque os temas do ThemeXpose possuem os códigos muito diversificados, eu recomendaria não tentar mexer nisso até pra não dar bug :/

      Excluir
  2. 🎄 Conhecendo seu blog e já seguindo pra não perder suas novidades! Quando puder dá uma olhada no meu cantinho! 🎄
    Entre poemas e canções

    ResponderExcluir
  3. Olá, Juliana!
    Muito bacana esse tutorial. Já tinha visto outro semelhante para o WordPress uma vez. Apesar de legal, não quis utilizar as reações do Facebook. :)
    Bjs :*

    ResponderExcluir
    Respostas
    1. Também optei por não usar, mesmo achando uma interação bem diferente!
      Beijo

      Excluir
  4. Legal Juliana, Parabéns pelo seu blog!

    Só alertando: a tag <data:body.post/> não existe, o correto seria <data:post.body/>

    Att, Ebrahim P. Leite
    Códigos Blogger

    ResponderExcluir
    Respostas
    1. Verdade Ebrahim, me confundi legal! Vou corrigir agora mesmo...
      Muito obrigada por avisar <3

      Excluir