Estrenamos botones de Facebook y Twitter con contadores

@ 14 . abril . 2010

Esta tarde me la pasé buscando, calificando y deduciendo cuales me parecen que son los mejores botones que además traigan un contador para enviar los posts a twitter y Facebook, las principales redes sociales.

De twitter decidí uno que no use otra aplicación u otra página como el tweetmeme (N) (no entiendo porque es tan usado si NO VA directo a twitter), lo que me parecía muy redundante, uno debe presionar y directo ver el Retweet listo a publicarse en su cuenta de twitter.

En cuanto a Facebook tengo 2 opciones, quizás quite una o quizás ninguna y dejo las dos. Es que cada uno da cifras diferentes, por ejemplo vean este post. Uno muestra cuantos enviaron la noticia a facebook y el otro cuantos llegaron desde Facebook (creo, es mi deducción personal). Lo único malo del segundo es que usa iframe y te pide que pongas un código captcha antes de publicar.

Ustedes comenten que les parece. Hagan la prueba si gustan con cualquier post y comenten aquí su experiencia.

Los plugins

Para los interesados estos son los 3 plugins que usé:

Sin Plugins

Hay opciones de poner estos contadores sin plugins, por si no quieres malgastar el PHP de tu blog o por si tu página no es WordPress.

Sólo pegas este código en tu HTML y listo.

Facebook:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Facebook (FBshare):
<script src="http://widgets.fbshare.me/files/fbshare.js">

TweetMeme (si al final me animé a usarlos)

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Stumbleupon:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

Nota: Stumble Upon lo quité porque no muchas personas en español lo usan , pero aún lo tengo en mi blog en inglés.

Google Buzz

Para los que gustan usar de este servicio, ya tenemos un botón para compartir los posts en Google Buzz :)

El código es muy simple para usarlo:

<a href="http://www.google.com/buzz/post?url=<?php the_permalink(); ?>">Buzz</a>

Actualización respecto a twitter

Ya no uso ni TweetMeme ni Easy Retweet desde que twitter sacó su propio botón con contador:

twitter.com/goodies/tweetbutton (Fácil de configurar)

Este es el código para el botón en español:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Aeromental" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com

Noticias Similares

  • UFF bit.ly me indica que sobrepasé el máximo de enlaces por hora, seguro es por los miles de posts antiguos, y por el momento esta colgado. Asi que sale la cifra de error de 2254 y el enlace como undefined.

    Veamos si se resuelve en la siguiente hora o mañana, más de 4.300 entradas de golpe le dolieron XD

  • Y ya volvió el servicio de bit.ly a funcionar, agradecemos su comprensión XD

  • Ramm

    Jajaja.
    Acabo de hackear el plugin de easy retweet para adaptarlo a mi diseño :P, quedo perfect, me gusta como funciona ese y era justamente lo que queria.
    De los que tu tienes, de facebook creo que me gusta mas el que tienes de segundo, se ve bien y funciona bien.

  • Ramm, ¿puedo ver donde lo aplicaste modificado, link?

  • Yosmen Eslava

    Una buena combinación, si deseas íconos discretos, de ambas opciones (Facebook y Twitter) en forma horizontal sería:

    
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>  <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Aeromental" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>