👍 Receba feedback de seus leitores dando a oportunidade de deixarem o like com o botão do Facebook integrado.
Saiba como de maneira simples
Introdução
O Facebook é uma das redes sociais mais populares do mundo, com mais de 2,8
bilhões de usuários ativos mensais.
Além de conectar pessoas, o Facebook também oferece uma plataforma para
desenvolvedores criarem aplicativos, jogos, bots e outros recursos que podem
interagir com os usuários do Facebook.
A página do Facebook para desenvolvedores é o lugar onde os
desenvolvedores podem encontrar documentação, tutoriais, ferramentas, suporte
e comunidade para aprender e criar com o Facebook.
Um dos recursos mais simples e úteis que o Facebook oferece aos
desenvolvedores é o botão de like, que permite aos usuários expressarem sua
opinião sobre um conteúdo na web, como um artigo, uma foto, um vídeo ou um
produto.
O botão de like também mostra o número de pessoas que curtiram o conteúdo e os
seus amigos que também curtiram.
O botão de like pode aumentar o engajamento, a visibilidade e o tráfego
do seu site, além de fornecer informações valiosas sobre o seu público.
Como integrar
Para integrar o botão de like do Facebook no seu blog do Blogspot, você pode
seguir os seguintes passos:
- Acesse a [página do botão de like , link no final do artigo ] no site do
Facebook para desenvolvedores.
- No campo URL to Like, digite o endereço do seu blog ou da postagem que você
quer que os usuários curtam.
Por exemplo;
https://meublog.blogspot.com
ou
https://meublog.blogspot.com/2023/04/meu-artigo.html.
- No campo Layout, escolha o formato que você quer que o botão de like
apareça.
Você pode escolher entre padrão, caixa, botão ou botão com contador.
- No campo Width, digite a largura em pixels que você quer que o botão de like
ocupe.
O valor mínimo é 180 e o máximo é 450.
- No campo Action Type, escolha o tipo de ação que você quer que o botão de
like realize.
Você pode escolher entre like (curtir) ou recommend (recomendar).
- No campo Color Scheme, escolha o esquema de cores que você quer que o botão
de like tenha.
Você pode escolher entre light (claro) ou dark (escuro).
- No campo Show Friends' Faces, marque a caixa se você quer que o botão de
like mostre as fotos dos seus amigos que também curtiram o conteúdo.
- No campo Include Share Button, marque a caixa se você quer que o botão de
like inclua um botão de compartilhar, que permite aos usuários compartilharem
o conteúdo no Facebook.
- Clique no botão Get Code para gerar o código do botão de like.
Você verá duas opções de código: JavaScript SDK e IFrame.
Escolha a opção IFrame, que é mais simples e compatível com o Blogspot
- Copie o código IFrame que aparece na caixa. Ele terá um formato parecido com
este:
`
``html
<iframe
src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fmeublog.blogspot.com%2F2023%2F04%2Fmeu-artigo.html&width=450&layout=standard&action=like&size=small&share=true&height=35&appId"
width="450" height="35" style="border:none;overflow:hidden" scrolling="no"
frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write;
encrypted-media; picture-in-picture; web-share"></iframe>
```
- Acesse o painel do seu blog do Blogspot e escolha o local onde você quer
inserir o botão de like.
Você pode inserir o botão de like em uma postagem, em um gadget ou em um
modelo.
- Se você quiser inserir o botão de like em uma postagem, clique em Nova
postagem ou em Editar na postagem que você quer adicionar o botão de
like.
No editor de postagens, clique no ícone HTML para mudar para o modo de edição
de código.
Cole o código IFrame do botão de like no local que você quer que ele apareça
na postagem.
Clique em Visualizar para ver como ficou e em Publicar para salvar as
alterações.
- Se você quiser inserir o botão de like em um gadget, clique em Layout no
menu lateral do painel do seu blog.
Escolha o local onde você quer adicionar o gadget, como na barra lateral, no
cabeçalho ou no rodapé.
Clique em Adicionar um gadget e escolha a opção HTML/JavaScript.
No campo Título, digite um nome para o gadget, como Botão de Like do
Facebook.
No campo Conteúdo, cole o código IFrame do botão de like.
Clique em Salvar para adicionar o gadget ao seu blog.
- Se você quiser inserir o botão de like em um modelo, clique em Tema no menu
lateral do painel do seu blog.
Clique em Editar HTML para abrir o editor de código do seu modelo.
Procure o local onde você quer adicionar o botão de like, como antes ou depois
do título da postagem, do corpo da postagem ou dos comentários.
Cole o código IFrame do botão de like no local desejado. Clique em
Salvar tema para aplicar as alterações ao seu blog.
Pronto! Agora você já tem o botão de like do Facebook integrado ao seu blog do
Blogspo.
Você pode testar o botão de like clicando nele e vendo se ele funciona
corretamente.
Resumo
Você também pode ver as estatísticas do botão de like, como o número de
curtidas, comentários e compartilhamentos, acessando a [página de insights] do
Facebook para desenvolvedores.
Principais referênciadores
github
Facebook meta para desenvolvedores