AyrtonPereira1996/social-media-and-whatsapp-share.md

## social-media-and-whatsapp-share.md

      
    Raw
  

              social-media-and-whatsapp-share.md
            
          
    WhatsApp

Basta fazer um link com para whatsapp://send?text=TITULO &ndash; LINK, exemplo:
<a href="whatsapp://send?text=TITULO &ndash; LINK" title="Acesse de seu smartphone para enviar por WhatsApp">WhatsApp</a>


TITULO da página
LINK para a página

Facebook

É necessário adicionar SDK do Javascript além do código do botão.
Para gerar, acessar: https://developers.facebook.com/docs/plugins/share-button/
Twitter

<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=TITULO&url=LINK&via=SEUPERFIL">Tweetar</a>


TITULO da página
LINK para a página
SEUPERFIL no Twitter para atribuição

Google+

<div class="g-plusone" data-size="medium" data-href="LINK"></div>


TITULO da página

LinkedIn

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: pt_BR</script><script type="IN/Share" data-url="LINK"></script>


TITULO da página

Open Graph


Adicionar na tag <html>: prefix="og: http://ogp.me/ns#"


Adicionar meta tags básicas:


<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" property="og:title" content="Título do site" />
<meta property="og:type" content="website" />
<meta name="twitter:description" property="og:description" content="Descrição do site" />
<meta property="og:url" content="http://www.example.com/" />
<meta name="twitter:image" property="og:image" content="http://www.example.com/image.jpg" />

Documentação:

The Open Graph Protocol: http://ogp.me/

Para testar:

Depurador (debug) de compartilhamento – Facebook: https://developers.facebook.com/tools/debug/
Validador (debug) de compartilhamento – Twitter: https://cards-dev.twitter.com/validator