Como criar um Widget de Partilha ao lado do conteúdo

Com a subida de popularidade das redes sociais tornou-se quase obrigatório ter ferramentas de partilha nas páginas dos nossos sites. Num mundo em que os visitantes não têm tempo nem paciência para procurarem pelos botões de partilha, a solução é colocar esses botões a numa zona bem visível para o visitante.

Ao longo do tempo foram surgindo vários plugins que tinham e têm como objectivo facilitar essa partilha mas que falhavam na altura de chamarem a atenção. Felizmente alguns sites famosos como o techcrunch.com começaram a utilizar uma maneira simples e eficaz de colocar os widgets de partilha num local bem visível: uma barra que acompanha o leitor desde o inicio até ao fim do post.

Existem pelo menos 2 plugins que fazem um trabalho semelhante. Falo-vos do Digg Digg e do Sharebar.

Ambos plugins são simples de utilizar e são altamente eficazes. Falo por experiência própria, pois notei um crescimento nos RT's do conteúdo deste site no Twitter.

Digg Digg

Download Digg Digg

O Digg Digg é o plugin que utilizo aqui no WordPress Total. Depois de instalado e activado, o plugin adiciona uma página ao menu do painel de administração do wordpress e é aí que você vai escolher a forma e os widgets a serem mostrados.

Cada uma das páginas serve para configurar várias opções. No nosso caso, a página que deve de ser utilizada é a "Floating Display", página onde você activa a opção para aparecer no lado do blog e também onde escolhe as redes sociais.

Para activar esta opção, deve de marcar o espaço onde diz "Enable Floating Display". Em baixo escolhe os locais onde o plugin deve de ser mostrado e a seguir escolhe as redes sociais a serem utilizadas.

Na parte da escolha das redes sociais, pode parecer um pouco complicado, mas na verdade é muito simples. Na versão actual funciona da seguinte forma:

Escolha as redes sociais
Organize-as com numeros, exemplo: 100, 99, 98 (isto serve para definir a ordem de visualização)
Marque as opções "Lazzy Floating" e "Ajax Floating" nas redes sociais escolhidas (senão não funcionam)
Guarde as opções

O resultado no website deverá de ser este:

Nessa página pode ainda alinhar o widget para que ele fique "colado" ao site. Onde diz "Ajax Floating Configuration", na primeira caixa de código, procure pela linha onde diz "margin-left:-120px;" e altere o valor "-120px". No wptotal tive que colocar -83px, no seu caso o valor poderá ser diferente pois o tamanho do site pode não ser o mesmo.

Resultado final:

Sharebar

Download Sharebar

O Sharebar é outro plugin que pode ser considerado mais simples e também mais limitado em algumas coisas quando com parado com o Digg Digg.

A forma como funciona é mais ou menos igual mas vem com menos redes sociais (as principais estão lá) e permite que você adicione um widget próprio.

Configurar este plugin também é mais simples. No momento em que escrevo este post tem apenas duas páginas: uma para escolher os widgets e outra para as configurações gerais (username do twitter, alinhamento do widget, etc).

No menu "Home" você pode escolher as redes sociais que pretende mostrar (adicionar e apagar) e organizar a ordem dos widgets:

Em "Settings" pode definir a localização do widget, o tamanho, o alinhamento e o username do twitter:

Já o resultado final será algo deste tipo:

Conclusão

Agora que já conhece dois plugins que fazem este trabalho, pode ser criativo e fazer alterações no alinhamento ou nas cores do widget. Lembre-se que quanto mais atractivo for o seu widget, maior probabilidade de os visitantes partilharem conteúdos terá.

Para terminar, recomendo que apenas adicione as redes sociais mais utilizadas (twitter, facebook, google buzz). Se utilizar o segundo plugin (Sharebar) poderá adicionar os widgets de outras redes sociais como o Dihitt (Brasil) ou o Diga Cultura (Portugal).

Espero que o artigo seja útil. Se tiver dúvidas ou sugestões, por favor deixe um comentário! Ah, e não se esqueça de partilhar o post 🙂