#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
#desenvolvimento

Como adicionar botões de compartilhamento das redes sociais


Olá pessoal.

Geralmente a primeira coisa que se pensa quando é preciso fazer algum compartilhamento através das redes sociais é: Vamos olhar a API! Entretanto nem sempre é necessário implementar uma integração para simplesmente poder compartilhar uma informação simples.

Por isto, procurei algumas maneiras para fazer isto de forma sucinta e irei partilhar com vocês a solução dividida em uma série com mais quatro posts para cada uma das redes sociais listadas:

Twitter
Linkedin
Facebook
Google Plus

Os botões serão adicionados em um projeto Ruby on Rails com a utilização de HAML e Javascript. Então para adiantar crie um projeto RoR:

rails new app_share

Apesar de utilizar HAML para os próximos post você pode utilizar o mesmo código para páginas HTML, sendo necessário algumas adaptações.

Até breve 😉

Padrão