Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo mostrar el recuento de seguidores de Twitter como texto en WordPress

Mostrar el recuento de tus seguidores en X/Twitter como texto en WordPress es una forma estupenda de aumentar la credibilidad de tu sitio. Cuando los visitantes ven cuánta gente te sigue en los medios sociales, es más probable que confíen en tu sitio web.

Por suerte, utilizar texto para mostrar el número de seguidores es fácil y cómodo.

Puede colocar esta información en cualquier lugar de su sitio, incluso dentro de sus entradas y páginas, lo que facilita la integración con su contenido.

En esta guía, le mostraremos cómo mostrar el recuento de seguidores de Twitter como texto en WordPress.

How to display Twitter followers count as text in WordPress

¿Por qué mostrar los seguidores de Twitter cuentan como texto en WordPress?

Habrás notado que muchos blogs populares, personas influyentes y sitios de WordPress de grandes marcas muestran con orgullo cuántas personas les siguen en los medios sociales.

Si los visitantes ven que mucha gente le sigue en los medios sociales, es más probable que confíen en su empresa y le consideren un experto en su nicho de blog.

Ahora, muchos de los mejores plugins de medios sociales permiten mostrar el recuento total de seguidores en feeds incrustados, botones, banners y mucho más.

Sin embargo, a veces, es posible que desee mostrar el número como texto sin formato. Esto te da la libertad de añadir el recuento de seguidores a las entradas de tu blog, al pie de página o a cualquier otro lugar de tu blog o sitio web en WordPress.

Con esto en mente, te mostraremos cómo mostrar tu cuenta de seguidores de Twitter como texto en WordPress. He aquí un resumen rápido de todos los pasos que vamos a cubrir:

Nota: Como Twitter es ahora X, nos referiremos a él como X en las siguientes secciones.

¿Preparados? Vamos allá.

Paso 1: Obtenga una clave X API y un secreto

Para obtener tu recuento de seguidores, tendrás que acceder a la API X creando una clave API y un secreto.

Para obtener esta información, dirígete al Portal de Desarrolladores X y, a continuación, haz clic en “Registrarse para obtener una cuenta gratuita”.

Signing up for an X Developers account

Ahora puedes escribir algo de información acerca de cómo planeas usar la API de X. Es una buena idea proporcionar tantos detalles como sea posible, ya que X revisará esta información y puede borrar su cuenta si no entienden cómo está utilizando su API.

A continuación, lea las condiciones. Si está de acuerdo, siga adelante y haga clic en el botón “Enviar”.

Agreeing to the Twitter Developers terms

Ahora verá el Portal del Desarrollador. En el menú de la izquierda, haga clic para ampliar la sección “Proyectos y aplicaciones”.

A continuación, seleccione “Visión general”. Ahora debería poder ver la aplicación del proyecto lista para usar.

How to create a Twitter app

Hagamos clic en el botón de la clave para acceder a su clave y secreto de API y, a continuación, en el botón “Revelar clave de API”.

X mostrará ahora una clave y un secreto de API. Solo verás esta información una vez, así que anótala en un lugar seguro.

Getting a Twitter API key and secret

Si en su lugar aparece el botón “Revelar clave de API”, puede hacer clic en el botón Regenerar y X creará una nueva clave de API y un nuevo secreto.

Sólo recuerda guardarlo en un lugar seguro.

The regenerate button in X developers portal

Recomendamos añadir la clave y el secreto a un gestor de contraseñas para mayor seguridad.

Paso 2: Añadir código personalizado a su sitio web WordPress

La forma más fácil de añadir el recuento de seguidores X a su sitio es mediante el uso de código PHP.

Por razones de seguridad, WordPress no le permite añadir código PHP directamente a sus páginas y entradas, pero sí permite shortcodes. Esto significa que puedes crear un shortcode personalizado y enlazarlo a tu código PHP.

La forma más fácil de añadir shortcodes personalizados en WordPress es usando WPCode. Este plugin te permite crear tantos shortcodes como quieras y luego enlazarlos a diferentes secciones de código PHP.

Lo primero que tienes que hacer es instalar y activar el plugin gratuito WPCode. Para más detalles, puedes consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, vamos a Code Snippets ” Añadir fragmento de código.

Adding custom shortcode to your WordPress website

Aquí verás todos los fragmentos de código que puedes añadir a tu sitio web. Estos incluyen fragmentos que le permiten desactivar completamente los comentarios de WordPress, subir archivos que WordPress no es compatible con por defecto, y mucho más.

Dado que está creando un nuevo fragmento de código, deberá pasar el cursor sobre “Añadir su código personalizado”.

A continuación, basta con hacer clic en “Usar fragmento de código”.

Adding a custom code snippet to WordPress using WPCode

Para empezar, puede escribir un título para el fragmento de código personalizado. Puede ser cualquier cosa que le ayude a identificar el fragmento de código en el escritorio de WordPress.

A continuación, abra el menú desplegable “Tipo de código” y seleccione “Fragmento de código PHP”.

Adding a PHP snippet to WordPress using custom code

En el editor de código, simplemente pegue el siguiente código PHP:

function getTwitterFollowers($screenName = 'wpbeginner')
{
    // some variables
    $consumerKey = 'YOUR_CONSUMER_KEY';
    $consumerSecret = 'YOUR_CONSUMER_SECRET';
    $token = get_option('cfTwitterToken');
  
    // get follower count from cache
    $numberOfFollowers = get_transient('cfTwitterFollowers');
  
    // cache version does not exist or expired
    if (false === $numberOfFollowers) {
        // getting new auth bearer only if we don't have one
        if(!$token) {
            // preparing credentials
            $credentials = $consumerKey . ':' . $consumerSecret;
            $toSend = base64_encode($credentials);
  
            // http post arguments
            $args = array(
                'method' => 'POST',
                'httpversion' => '1.1',
                'blocking' => true,
                'headers' => array(
                    'Authorization' => 'Basic ' . $toSend,
                    'Content-Type' => 'application/x-www-form-urlencoded;charset=UTF-8'
                ),
                'body' => array( 'grant_type' => 'client_credentials' )
            );
  
            add_filter('https_ssl_verify', '__return_false');
            $response = wp_remote_post('https://api.twitter.com/oauth2/token', $args);
  
            $keys = json_decode(wp_remote_retrieve_body($response));
  
            if($keys) {
                // saving token to wp_options table
                update_option('cfTwitterToken', $keys->access_token);
                $token = $keys->access_token;
            }
        }
        // we have bearer token wether we obtained it from API or from options
        $args = array(
            'httpversion' => '1.1',
            'blocking' => true,
            'headers' => array(
                'Authorization' => "Bearer $token"
            )
        );
  
        add_filter('https_ssl_verify', '__return_false');
        $api_url = "https://api.twitter.com/1.1/users/show.json?screen_name=$screenName";
        $response = wp_remote_get($api_url, $args);
  
        if (!is_wp_error($response)) {
            $followers = json_decode(wp_remote_retrieve_body($response));
            $numberOfFollowers = $followers->followers_count;
        } else {
            // get old value and break
            $numberOfFollowers = get_option('cfNumberOfFollowers');
            // uncomment below to debug
            //die($response->get_error_message());
        }
  
        // cache for an hour
        set_transient('cfTwitterFollowers', $numberOfFollowers, 1*60*60);
        update_option('cfNumberOfFollowers', $numberOfFollowers);
    }
  
    return $numberOfFollowers;
}

echo getTwitterFollowers(); ?>

En el código anterior, asegúrese de sustituir los siguientes marcadores de posición por su propia clave y secreto de API:

    $consumerKey = 'YOUR_CONSUMER_KEY';
    $consumerSecret = 'YOUR_CONSUMER_SECRET';

También tendrás que sustituir wpbeginner por la cuenta X que quieras utilizar. Puede ser cualquier cuenta X, incluso cuentas que no poseas:

function getTwitterFollowers($screenName = 'wpbeginner')

Para obtener el nombre de usuario X, basta con abrir el perfil X en una pestaña nueva.

Encontrarás el nombre de usuario en la URL y en la cabecera del perfil:

Getting an X username

Una vez hecho esto, puede volver al escritorio de WordPress. Aquí, simplemente haz clic en el conmutador “Inactivo” para que cambie a “Activo”.

A continuación, puede seguir adelante y hacer clic en el botón “Guardar fragmento de código”.

Displaying the Twitter follower count using WPCode

Una vez hecho esto, desplácese hasta la sección “Inserción”.

WPCode puede añadir automáticamente tu código en diferentes lugares, como después de cada entrada, solo en el front-end, o solo para el administrador. Para obtener el shortcode, simplemente haga clic en el botón ‘Shortcode’.

Adding a Twitter follower count to WordPress using a custom shortcode

Ahora puede utilizar el shortcode para añadir la prueba social a cualquier página o entrada.

En el editor de bloques, basta con hacer clic en el botón “+” y escribir “Shortcode”. Cuando aparezca, puedes seleccionar el bloque ‘Shortcode’ para añadirlo a la página o entrada.

How to add a shortcode block to WordPress

Ahora puede añadir el shortcode al bloque.

Ten en cuenta que el shortcode sólo muestra el número total de seguidores, por lo que normalmente querrás añadir algún texto que explique el significado de la cifra.

Adding a Twitter follower count to WordPress using a custom shortcode

Para obtener más información sobre cómo colocar el shortcode, consulte nuestra guía sobre cómo añadir un shortcode en WordPress.

Cuando estés satisfecho con cómo se ha establecido la página, puedes activar el recuento de seguidores haciendo clic en los botones “Actualizar” o “Publicar”.

Ahora, si visitas tu sitio web WordPress, verás el recuento de seguidores en directo.

An example of a Twitter follower count, created using WPCode

Consejo extra: Más trucos X

Ahora que ya sabes cómo mostrar tu número de seguidores de Twitter (o X) en tu sitio de WordPress, es una buena idea optimizar aún más tu marketing X.

Añadir botones de compartir y retwittear en X a tu sitio de WordPress puede ayudarte a aumentar tu alcance y tráfico. Con más de 217 millones de usuarios en X cada mes, es un gran lugar para promover su contenido.

Twitter buttons embedded using SmashBalloon

Estos botones facilitan que los usuarios compartan tus entradas, por lo que puedes llegar a nuevas personas más allá de tus seguidores. Esto no solo atrae más visitantes a tu blog, sino que también muestra a otros que tu contenido es de confianza y gusta, lo que puede hacer que tu marca parezca más creíble.

Para ello, te recomendamos que compruebes nuestra guía sobre cómo añadir botones para compartir y retwittear en Twitter.

A continuación, puede promocionar su página X mediante un mensaje / ventana emergente.

Los mensajes / ventanas emergentes pueden aumentar la visibilidad de tu perfil X e incrementar el número de seguidores. Puedes utilizar una para crear una lista de correo electrónico, ofrecer actualizaciones de contenido, mostrar un formulario de contacto y mucho más. Además, hay una forma de hacer que tus mensajes / ventanas emergentes sean menos intrusivos.

Twitter page in a popup

Para más detalles, puede consultar nuestra guía sobre cómo promocionar su página de Twitter en WordPress con una ventana emergente.

Esperamos que este tutorial te haya ayudado a aprender cómo mostrar el recuento de seguidores de Twitter como texto en WordPress. Puede que también quieras aprender cómo organizar un concurso de medios sociales para hacer crecer tu sitio o nuestra selección de los mejores plugins de Twitter para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

29 comentariosDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    I’ve also set up a Twitter account for my website to increase its reach. It might be nice to use this article and display the numbers in the posts. Perhaps, as part of marketing, it might encourage some readers to also join as followers. It could enhance the integration with social media and improve website traffic.

  3. venky

    Hi used the same code in my site..but its not showing the follower counter of the twitter pages

    pls help me out ..

  4. Noraly

    update: after having one last look I saw I hadn’t activated the access token. So now it does show up, only way at the bottom of my sidebar. How do I move it up to a more logical place? Preferably within the text widget at the top, so I can include it with all my other social media links. Thank you!

  5. Noraly

    Hi all, hope you are still monitoring comments, since it’s an older article. I have copied the code in functions.php, replaced the key and secret (left the ‘ ‘ intact, was I meant to do that?). Then I copied the other bit in sidebar.php. Replaced the yourscreenname with my twittername. This doesn’t make it show up in the sidebar though. Should I do something with a text widget in the sidebar, where I want it to show up? Just putting the last line of code in a sidebarwidget doesn’t seem to be the trick. Would appreciate your help. Thanks!

  6. Jitendra

    Can i use it in other PHP application? I mean any other application which is not WP.

  7. arun

    It is not working for me.
    I have added that code into sidebar template , then i replaced consumer key and secret key with screen name. Still it is not working
    This is my page url

    • WPBeginner Support

      Arun it seems like you resolved the issue, when we visited your webpage it was showing the correct twitter follower count in plain text.

      Administrador

  8. Nic Granleese

    Hi,

    Can you tell me if this code works for multiple twitter users.
    I’m trying to make a table with different users on a site with their respective twitter follow count.
    When I tried it seems to display only one twitter user’s count, which I assume is because user one get’s cached, and then the second, third, and n users just display the same result.

    Nic

      • Thomas

        I’ve got the same problem.
        When I ask for the follower count of three different accounts and display it on a page, it displays the same number three times. The number it displays is the exact follower count of the first account.
        Do you know how to fix this? :/
        Thanks in advance.

        Thomas

  9. Julian Lara

    Its possible to get a comma in the number like 140,029. Because actually show like 140029.

    • jahirul

      Would you please share the code of follower count of yours? the function and the activation code, please.

  10. Nazar

    This doesn’t work for me.

    I’ve replaced $consumerKey and $consumerSecret as well as made the Access level to “Read and write” but nothing is happening :|

  11. irfan

    Hey hi,
    Such a great post.
    I have ask a question for you I use twiiter user link (https://twitter.com/screen_name) when i use this link show followers its that possible?
    Any one,
    Thank Advance

  12. Alvin

    Hello,

    we get this error

    Fatal error: Call to undefined function get_option() in line 17

    line 17 is this

    $token = get_option(‘cfTwitterToken’);

  13. Malcom Miles

    Wrapped this tutorial along with the “Wordpress Site Specific Plugin” tutorial and worked like a charm.

    Many thanks! :3

    • jahirul

      would you give me the code or the link of your plugin please.

  14. Tyler

    I’ve tried doing this atleast 10 times and can’t get it to work. Is it up-to-date?

      • jahirul

        Does it work in localhost with net connection?

  15. Zulhilmi Zainudin

    How about to display Facebook Fans & Google+ Followers in text?

  16. Chandra

    Thanks for this code. I used this in my site but after sometime, I tested with an addition of follower but that count is not being updated. It still shows old count. Is something missing ? Thanks.

    • Chandra

      Ah, it updated after an hour or so…

  17. regnar

    A little demo would be great.

    • Editorial Staff

      It will show the count as text. For example: if you have 100 followers, then it will output 100. Not sure what you expected in the demo.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.