#desenvolvimento

Como adicionar botões de compartilhamento das redes sociais – Twitter


Olá.
Como prometido iremos implementar o compartilhamento pelo Twitter. Para isto adicione o código abaixo no arquivo index.html.haml:

.span
  .twshare.left
  / Link de compartilhamento pelo Twitter.
  %a.twitter-share-button.left{"data-count" => "none", "data-text" => "TEXTO QUE SERÁ COMPARTILHADO!!!", :href => "http://twitter.com/share"} Tweet
  %script{:src => "http://platform.twitter.com/widgets.js", :type => "text/javascript"}

É importante que o link tenha algumas propriedades básicas para o compartilhamento:

  • data-count
    • Para mostrar a quantidade de vezes que o conteúdo foi compartilhado.
  • data-text
    • O conteúdo que será compartilhado.

Você pode ver todas as propriedades disponíveis aqui.

Qualquer dúvida, é só comentar.

Até breve 😉

Anúncios
Padrão

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s