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


Personalizando Fan Page Facebook

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.

 

 

 

 





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

Um comentário em “Inserindo Botão Curtir, Tweet e Google + 1 nos Sites

  1. Matheus Bezerra 11 de julho de 2013 11:39

    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

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>