Mostrar los followers de Twitter con jQuery

Al igual que podemos mostrar el número de suscriptores de Feedburner sin utilizar su badge podemos también extraer el número de followers de Twitter sin utilizar plugins ni widgets. 

2010-06-10 13h14_53

En ambos casos el único problema es que no estén caí­dos, y todos sabemos que tanto Feedburner como Twitter no son precisamente un ejemplo de estabilidad.

Soluciones hay muchas, pero si ya utilizas jQuery con una simple llamada a la API de Twitter tendrás el dato:

1.- Inserta esta lí­nea sólo en el caso de que no tengas ya una llamada a la librerí­a jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

2.- Con este simple código obtienes el dato, tu número de followers o de seguidores en Twitter. Cambia «ceslava» por tu nombre de usuario.

<script type="text/javascript">
$(function(){
    $.ajax({
        url: 'http://api.twitter.com/1/users/show.json',
        data: {screen_name: 'ceslava'},
        dataType: 'jsonp',
        success: function(data) {
            $('#followers').html(data.followers_count);
        }
    });
});
</script>

3.- Por último inserta un elemento con el id followers, por ejemplo:

<strong>ceslava</strong> tiene <span id="followers"></span> seguidores en Twitter.

Esta es la opción que publican en Get Total Twitter Followers With jQuery

Otras opciones

Dicotomí­as tuiteras en pqpq.es

Si no sabes de qué va Twitter aprovecha este curso gratuito de Twitter y si ya lo tienes gana una suscripción a todos los cursos de video2brain simplemente por retuitear este artí­culo «Concurso para Diseñadores Sociales // gana 1 suscripción«

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  1. Lo he probado y no me funciona .. si entras en mi blog veras que no me sale los twitters… Pero bueno .. da igual, era por probar, ahora estoy con otras cosas como tu sabes y no me quiero liar jejejejejeje.

    Saludos cristian.

  2. Hola Ceslava,

    Me temo que Twitter ha actualizado la api a la versión 1.1 y ya no funciona el código.

    sabrías como modificar tu código para que funcione de nuevo?

    Gracias!

      1. Hola CRistian,

        Gracias por tu pronta respueta y tu ayuda.

        Te dejo el codigo que tengo ahora mismo para poder saber los seguidores de alguien, he puesto ceslava em este ejemplo.

        Poniendo datos correcto de consumerkey, consumerKeySecret ,accessToken , accessTokenSecret verás que funciona perfectamente, excepto dos cosas:
        1- Solamente me muestra los 20 primeros eguidores
        2- me da un error de autentificacion : Error 32: Could not authenticate you

        Si pongo mi canal en twitter, que lo he creado hace pocos dias y olamente tengo 8 seguidores, no da ningun error y me muestra los 8.

        tu sabrias ver qué es lo que puede pasar??

        Gracias de nuevo por tu ayuda!
        Marcos

        $accessToken,
        ‘oauth_access_token_secret’ => $accessTokenSecret,
        ‘consumer_key’ => $consumerKey,
        ‘consumer_secret’ => $consumerKeySecret
        );

        $i = 0;
        $cursor = -1;

        do {
        $url = ‘https://api.twitter.com/1.1/followers/list.json’;
        $getfield = ‘?cursor=’.$cursor.’&screen_name=ceslava&skip_status=true&include_user_entities=false’;
        $requestMethod = ‘GET’;
        $twitter = new TwitterAPIExchange($settings);
        $response = $twitter->setGetfield($getfield)
        ->buildOauth($url, $requestMethod)
        ->performRequest();

        $response = json_decode($response, true);
        $errors = $response[«errors»];

        if (!empty($errors)) {
        foreach($errors as $error){
        $code = $error[‘code’];
        $msg = $error[‘message’];
        echo «Error » . $code . «: » . $msg;
        }
        $cursor = 0;
        }
        else {
        $users = $response[‘users’];
        foreach($users as $user){
        $thumb = $user[‘profile_image_url’];
        $url = $user[‘screen_name’];
        $name = $user[‘name’];
        echo «» . ««;
        $i++;
        }
        $cursor = $response[«next_cursor»];
        }
        }
        while ( $cursor != 0 );

        if (!empty($users)) {
        echo ‘Total: ‘ . $i;
        }
        ?>

      2. Perdona Critian, parece que se ha cortado las primeras lineas de código, te lo vuelvo a poner todo:

        $accessToken,
        ‘oauth_access_token_secret’ => $accessTokenSecret,
        ‘consumer_key’ => $consumerKey,
        ‘consumer_secret’ => $consumerKeySecret
        );

        $i = 0;
        $cursor = -1;

        do {
        $url = ‘https://api.twitter.com/1.1/followers/list.json’;
        $getfield = ‘?cursor=’.$cursor.’&screen_name=Maheso_news&skip_status=true&include_user_entities=false’;
        $requestMethod = ‘GET’;
        $twitter = new TwitterAPIExchange($settings);
        $response = $twitter->setGetfield($getfield)
        ->buildOauth($url, $requestMethod)
        ->performRequest();

        $response = json_decode($response, true);
        $errors = $response[«errors»];

        if (!empty($errors)) {
        foreach($errors as $error){
        $code = $error[‘code’];
        $msg = $error[‘message’];
        echo «Error » . $code . «: » . $msg;
        }
        $cursor = 0;
        }
        else {
        $users = $response[‘users’];
        foreach($users as $user){
        $thumb = $user[‘profile_image_url’];
        $url = $user[‘screen_name’];
        $name = $user[‘name’];
        echo «» . ««;
        $i++;
        }
        $cursor = $response[«next_cursor»];
        }
        }
        while ( $cursor != 0 );

        if (!empty($users)) {
        echo ‘Total: ‘ . $i;
        }
        ?>

      3. Hola Cristian. Gracias por tu paciencia y tu ayuda!

        El link que me envías , en mi caso no me ayuda ya que no uso wordpress. Lo que estoy haciendo es una aplicación en Facebook donde tengo un formulario de registro y la persona que se registra HA DE SER SEGUIDOR de ese canal en twitter. Esa comprobación la quiero hacer en PHP y antes del cambio de versión de la 1.0 a la 1.1 me funcionaba.

        No me interesa saber el número de seguidores, si no si un nombre de usuario de twitter es un Seguidor de una canal en concreto.

        Sabes de algún código o alguna forma de poder comprobar eso?

        Gracias de nuevo!!

        Marcos