Logotipo Design Interativo

Inserindo Botão Curtir, Tweet e Google + 1 nos Sites


Neste post irei colocar de forma consolidada como inserir os botões das 3 principais mídias sociais do momento em seu site. São inúmeras as vantagens de utilizar esses botões, a divulgação da sua pagina se torna mais fácil, rápida e acessível as seus visitantes.

Colocar estes botões não requer habilidade, apenas coloque os códigos gerados nos locais desejados e pronto, esse conteúdo com certeza você ira encontrar em outros sites, apenas estou buscando consolidar eles, para facilitar sua pesquisa.

Google +1

Para o botão Google +1 insira estes scripts em sua página.

<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
<g:plusone></g:plusone>

Twitter

<a href=”https://twitter.com/share” class=”twitter-share-button”>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

Caso preferir visite http://twitter.com/about/resources/buttons#tweet  e adicione outros códigos de diferentes tipos de botões.

Facebook

Acesse o site http://developers.facebook.com/docs/reference/plugins/like/ e crie o seu botão.

 

 

 

 

Comentários
  1. Matheus Bezerra disse:

    Sem querer pedir muito, mas podia colocar as imagens de como ficaria inserido no site. Acho que ficaria um conteúdo mais explicativo. Muito obrigado pelo post.

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade