Função para colocar ícones de redes sociais em seu site

Atualmente a força das redes sociais está tão alta que qualquer site que agente entra, independente do porte, sempre tem aqueles ícones para podermos twittar, curtir ou dar um “plus” em algum artigo, notícia, post ou outro conteúdo relevante. Isso é interessante pois acaba se tornado uma boa estretégia de SEO. Seus links terão um alcance melhor e a taxa de novos visitantes aumentará.

Pensando nisso, acabei desenvolvendo uma função extremamente simples, mas que está sendo de grande valia em todos os projetos que estou desenvolvendo e talvez lhe seja útil também.

Com essa função podemos adicionar de forma rápida e dinâmica ícones das três principais redes sociais da atualidade: Twitter, Facebook e Google+

Vamos à implementação da função dentro do arquivo funcao_redes_sociais.php:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
 
/**
    * Exibe os ícones de Twitter, Facebook e Google Plus
    * @author Rafael Wendel Pinheiro
    * @param String $twitter Conta do twitter que o conteúdo será vinculado
    * @param Array  $pagina Página que será curtida e marcada
    * @return void
*/
function icones_redes_sociais($twitter, $pagina){
    /* Twitter */
    echo "<a href=\"http://twitter.com/share\" class=\"twitter-share-button\" data-count=\"horizontal\" data-via=\"". $twitter ."\" rel=\"nofollow\">Tweet</a><script type=\"text/javascript\" src=\"http://platform.twitter.com/widgets.js\"></script>";
 
    /* Facebook */
    echo "<iframe src=\"http://www.facebook.com/plugins/like.php?href=". $pagina ."&;layout=standard&show_faces=false&width=56&action=like&colorscheme=light&height=20&locale=pt_BR\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:250px; height:25px;\" allowTransparency=\"true\"></iframe>";
 
    /* Google+ */
    echo "<g:plusone width=\"56\" height=\"16\" href=\"". $pagina ."\"></g:plusone>";
}

A função deve receber 2 parâmetros. A conta do twitter na qual o conteúdo está vinculado (famoso “via @fulanodetal”) e a página que será “curtida” no Facebook e “marcada” no Google+ (geralmente a página onde o ícone está exposto).

Vejamos agora como chamar essa função no corpo do HTML.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php include('funcao_redes_sociais.php'); /* Inclui o arquivo onde a função foi implementada */ ?>
<html>
  <head>
    <title>Ícones de redes sociais</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <h1>Título do seu post | notícia | etc</h1>
    <?php
        /* Pega a página atual e armazena em $pagina */
        $pagina = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
 
        /* Chama a função */
        icones_redes_sociais('rafaelwendel', $pagina);
    ?>
    <p>Texto do seu post | notícia | etc</p>
  </body>
</html>

Com isso você terá um resultado semelhante ao da imagem a seguir:

E por hoje é isso. Use a função como bem entender.

Abs.

Siga-me no twitter: @rafaelwendel

É formado em Sistemas de Informação, pós-graduado em Sistemas de Banco de Dados e mestre em Educação com foco em Tecnologias Sociocomunitárias. Trabalha como professor de ensino técnico e tecnológico no Instituto Federal de Educação, Ciência e Tecnologia de São Paulo ministrando disciplinas nas áreas de programação, banco de dados, desenvolvimento de projetos e engenharia de software.

Posts relacionados

Comentários

  1. Tão simples mas tão útil. É algo que a maioria precisa e raramente vc encontra tutoriais. Obrigado novamente por compartilhar seu conhecimento.

  2. Olá Rafael sua funcão é ótima, meu parabéns! eu só quero deixar uma observação que há espaços nas concatenação das linhas 12, 15 e 18 do arquivo ‘funcao_redes_sociais.php:’ e também há um pequeno problema no ECHO pois quando ele é aberto com “(aspas duplas)” tudo o que tiver entre elas deve ser aspas simples.

    há também um erro de concatenação na linha 11 do arquivo que mostra como colocar a função no corpo html.

    cara isso é apenas para ajudar para que todos que veja o seu trabalho possam vislumbrar que essa sua função é muito eficiente.

    Um abraço e tudo de bom!

    1. Olá Aloísio, primeiramente gostaria de agradecer pelas suas dicas e observações. Serão importantes para os futuros visitantes.

      E você estava certo com relação ao uso das aspas. Concertei isso utilizando a barra invertida “\” para escape de caracteres especiais. Agora está certo.

      Obrigado por sua visita.

      Abs

  3. Olá amigo ainda não consegui fazer, em qual arquivo que coloco o segundo exemplo pra chamar os botões? Minha página de exibição das notícias tem vários includes, tenho que fazer no include que puxa o $titulo ou pode ser na página de exibição mesmo. Desde já agradeço a aguardo contato.

    1. Olá Cloud,

      Você deve colocar a chamada da função exatamente onde quer que apareça os botões.

      O include do arquivo funcoes_redes_sociais.php pode ser em qualquer lugar. Ou no próprio arquivo onde os botões são exibidos ou então em um arquivo que é incluído no arquivo onde eles serão utilizados.

      Se o erro persistir comente de novo

      Abs

  4. Olá Rafael bom dia!
    Estou começando na área. Li os comentários acima. Parabéns pela função que vc desenvolveu, com certeza será útil a muitos!
    Eu gostaria de colocar os botões como estão em seu blog !!
    Com localizo o arquivo para que apareçam na página principal e como faço para que fiquem no topo?
    Te aguardo.
    Abs
    Gustavo

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *