Como incorporar um botão semelhante ao Facebook em um site

Em dezembro de 2011, 845 milhões de pessoas usavam regularmente o Facebook. Com tantos usuários, as parcerias do Facebook podem melhorar os negócios da empresa. Toda vez que alguém clica no botão "Curtir" em uma página da Web, um link para essa página ocorre em feeds de notícias para os amigos desse usuário do Facebook. A adição de tags do Open Graph faz com que o link apareça nas informações do perfil do usuário, oferecendo ainda mais exposição para um site e permitindo que as empresas empreguem publicidade direcionada. O Facebook fornece um formulário que gera os códigos apropriados para colocar o botão "Curtir" em uma página da Web.

1

Navegue até o configurador do Facebook Developers no endereço listado em Recursos.

2

Digite ou cole o URL do site que você deseja que as pessoas tenham a opção de gostar na caixa "URL para Curtir" na parte superior da seção intitulada "Obter como código de botão".

3

Desmarque a caixa ao lado de "Enviar botão" se você não quiser essa opção em seu site. Este botão permite que os visitantes enviem o URL da sua página para amigos específicos através do Facebook ou e-mail, em vez de postar o endereço para todos os seus amigos.

4

Escolha o layout desejado no menu suspenso. As opções incluem o polegar para cima padrão, uma caixa horizontal com um número para indicar quantas "curtidas" ocorreram ou uma caixa vertical com o número.

5

Digite a largura do botão desejado em pixels.

6

Desmarque a caixa ao lado de "Mostrar rostos" se você não quiser fotos de perfil para quem "Curtir" a página aparecer. Se você escolher a contagem de botões ou o layout de contagem de caixas, a exibição de fotos de perfil não é uma opção.

7

Selecione o texto que deseja que o botão exiba, "Como" ou "Recomendar", se você deseja um fundo claro ou escuro para o botão e a fonte desejada nos menus suspensos no final do configurador.

8

Clique no botão "Obter código" para gerar o código para o seu botão.

9

Copie e cole o código no código da sua página da Web onde deseja que o botão apareça.

10

Digite o título da empresa ou empresa na caixa "Título" na seção Obter tags do Open Graph.

11

Escolha o tipo de empresa no menu suspenso em "Tipo". As opções de inclusão, como "artigo", "comida" e "sem fins lucrativos".

12

Digite ou cole o endereço da página inicial da empresa na caixa "URL". Este deve ser o endereço da página principal, pois deve ser uma página permanente.

13

Insira o URL em uma imagem que representa o site na próxima caixa. A imagem deve ter no mínimo 50 por 50 pixels.

14

Digite o nome do seu site na caixa "Nome do site". Este deve ser o nome do site geral, não uma página específica.

15

Digite seu número de identificação do Facebook na caixa "Admin". Se você está logado em sua conta, o número apropriado deve aparecer na caixa. Se nenhum número aparecer ou estiver incorreto, faça login na sua conta e navegue até a sua página de perfil clicando em "Atualizar informações" logo abaixo da sua foto de capa. Na barra de endereço, na parte superior da página, seu número de ID aparece logo após "id =" no URL.

16

Clique no botão "Obter tags" na parte inferior do formulário.

17

Copie e cole o código resultante em sua página logo após a parte do código.

Gorjeta

• Quando você escolhe uma opção como layout, o botão de amostra na parte superior do configurador é alterado para mostrar a aparência do produto final.

Aviso

• O botão "Enviar" só funcionará em sites que usam o Javascript SDK.