CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

JavaScript/jQuery - Incluir botões de redes sociais em seu site

Por Benedito Silva Júnior - publicado em 19/07/2016


Nada mais pertinente, nos dias atuais, o uso das redes sociais para a divulgação de trabalhos digitais. A inclusão de botões para o compartilhamento de conteúdos em redes socias é uma boa alternativa para aumentar a visibilidade do seu site.

Pensando nisso, disponibilizei os códigos abaixo para o compartilhamento de páginas no Facebook, Google+ e Twitter.

<!-- TWITTER -----------------------------------------------------------------------> <a href="https://twitter.com/share" class="twitter-share-button" data-via="criandobits" data-size="large" data-related="criandobits">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)) {js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}} (document, 'script', 'twitter-wjs');</script> /* O código PHP abaixo pega o nome do servidor e a URL da página. Assim, apenas a página aberta é que será efetivamente curtida e/ou compartilhada */ <?php $server = $_SERVER['SERVER_NAME']; $endereco = $_SERVER ['REQUEST_URI']; ?> /* Ao 'data-href' informamos o servidor e a URL da página em foco, através do 'echo' (PHP). Assim, montamos a string completa (URL): */ <!-- FACEBOOK - CURTIR E COMPARTILHAR ---------------------------------------------------------> <div class="fb-like" data-href="<?php echo 'http://' . $server . $endereco; ?>" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> <!-- GOOGLE +------------------------------------------------------------------------------> <g:plusone></g:plusone> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> Obs.: Os códigos gerados pelo Facebook e Twitter são personalizados, portanto acesse suas contas nessas redes sociais e gere os códigos para seu site. Faça apenas as modificações necessárias, ensinadas acima.


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo