TEMA: Redes Sociais
ARTIGO: Revisado e Melhorado
VERSÃO: WA RC | WA 4
Em outra postagem eu expliquei sobre a importância e como inserir uma imagem a ser compartilhada no Facebook do seu site. Algo de extrema importância.
Se você não viu a postagem basta clicar aqui.
Através do que foi explicado a funcionalidade já pode ser executada pastando digitar a url do seu site em uma postagem. Mas para que o visitante que gostou queira compartilhar?
Não seria muito mais fácil ter um simples botão de compartilhamento em que ele clicasse e já fizesse tal ação?
Então; hoje vamos explicar inserir este botão através das próprias ferramentas disponibilizadas no Facebook Developers.
Se você não viu a postagem basta clicar aqui.
Através do que foi explicado a funcionalidade já pode ser executada pastando digitar a url do seu site em uma postagem. Mas para que o visitante que gostou queira compartilhar?
Não seria muito mais fácil ter um simples botão de compartilhamento em que ele clicasse e já fizesse tal ação?
Então; hoje vamos explicar inserir este botão através das próprias ferramentas disponibilizadas no Facebook Developers.
Vou usar como exemplo deste artigo, um site que um amigo desenvolveu, inclusive pelo WA RC o qual vou configurar para ele esta aplicação.
Acesse este link: https://developers.facebook.com/docs/plugins/share-button
Localize com a barra de rolagem a parte Configurador do botão Compartilhar 
Em URL to share informe a url do site.
Layout escolha a forma que você deseja o botão
Em Tamanho do botão selecione o tamanho desejado
E se desejar assinale a opção iframe para plataforma móvel
Em Tamanho do botão selecione o tamanho desejado
E se desejar assinale a opção iframe para plataforma móvel
E clique em OBTER CÓDIGO para a geração do código.
IMPLEMENTANDO NO WA 4
No Webacappella , na página em que deseja incluir o botão utilize a opção PÁGINAS / MATRIZES clique na CATRACA e inclua o código fornecido no ítem 1.:
No Webacappella , na página em que deseja incluir o botão utilize a opção PÁGINAS / MATRIZES clique na CATRACA e inclua o código fornecido no ítem 1.:
Agora
continuando na págian que deseja incluir o botão vai na opção
INSERIR>> CÓDIGO HTML e cole o código fornecidos no item 2.
IMPLEMENTANDO NO WA RC
No Webacappella , na página em que deseja incluir o botão utilize a opção PAGE PROPERTIES clique em EDIT HTML CODE e inclua o código fornecido no ítem 1.:
No Webacappella , na página em que deseja incluir o botão utilize a opção PAGE PROPERTIES clique em EDIT HTML CODE e inclua o código fornecido no ítem 1.:
Agora
continuando na página que deseja incluir o botão selecione a opção HTML no menu e cole o código fornecidos no item 2.
Para o RC eu costumo digitar <center> antes do código para que facilite eu trabalhar com os alinhamentos.
