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

¿Quieres mostrar el recuento de seguidores de Twitter como texto en WordPress?

Al mostrar que muchas personas le siguen en los medios sociales, puede animar a los visitantes a confiar en su sitio web. Y lo que es mejor, al mostrar esta información en forma de texto, tienes la libertad de utilizarla en cualquier parte de tu sitio web, incluso dentro de tus entradas y páginas.

En este artículo, mostraremos cómo mostrar el recuento de seguidores de Twitter como texto en WordPress.

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

Es posible que te hayas dado cuenta de que muchos blogs populares, personas influyentes y 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.

Muchos de los mejores plugins para 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, veamos cómo puedes mostrar tu número de seguidores de Twitter como texto en WordPress.

Paso 1: Obtener una clave API y un secreto de Twitter

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

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

Ahora puedes introducir información acerca de cómo piensas utilizar la API de Twitter. Es una buena idea proporcionar tantos detalles como sea posible, ya que Twitter revisará esta información y puede borrar tu cuenta si no entiende cómo estás utilizando su API.

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

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 puede seguir adelante y hacer clic en “Añadir aplicación”.

Después de eso, sólo tienes que escribir el nombre que deseas utilizar para tu aplicación de Twitter. Esto es sólo para su referencia, por lo que puede utilizar cualquier cosa que desee.

Una vez hecho esto, haga clic en el botón “Siguiente”.

Twitter 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.

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 de Twitter 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, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, diríjase a Fragmentos de código ” Añadir fragmento.

Aquí verás todos los fragmentos de código listos para 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.

Como está creando un nuevo fragmento de código, pase el ratón por encima de “Añadir su código personalizado”. A continuación, haga clic en “Usar fragmento de código”.

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

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

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 de Twitter que quieras utilizar. Puede ser cualquier cuenta de Twitter, incluso cuentas que no poseas:

function getTwitterFollowers($screenName = 'wpbeginner')

Para obtener el nombre de usuario de Twitter, basta con abrir el perfil de Twitter en una pestaña nueva. Encontrarás el nombre de usuario en la URL y en la cabecera del perfil:

Una vez hecho esto, vuelva 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”.

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’.

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, selecciona el bloque Shortcode para añadirlo a la página o entrada.

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.

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.

Esperamos que este tutorial te haya ayudado a aprender cómo mostrar el recuento de seguidores de Twitter como texto en WordPress. También puedes aprender a crear un feed de fotos de Instagram personalizado en WordPress o comprobar 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.