Cómo mostrar los seguidores de Twitter como texto en WordPress

La forma más sencilla de mostrar los seguidores de Twitter es mediante el botón oficial de seguimiento de Twitter. Pero, ¿qué pasa si no desea ralentizar su sitio cargando el script de Twitter? O qué sucede si está haciendo algo muy personalizado y necesita mostrar el recuento de seguidores de Twitter como texto en lugar de un botón. Bueno, entonces te gustará este tutorial. En este artículo, le mostraremos cómo mostrar su número de seguidores de Twitter como texto en su sitio de WordPress.

¿Se pregunta cómo vamos a hacer esto? Bueno, primero crearemos una aplicación de Twitter, para que podamos usar correctamente la API de Twitter v1.1 para sacar el conteo de seguidores. Lo almacenaremos en caché para optimizar el rendimiento y luego lo mostraremos en el sitio. ¿Listo para empezar? Vamos.

Lo primero que debe hacer es crear una aplicación de Twitter para el sitio donde desea mostrar el recuento de seguidores. Ir Sitio web de desarrolladores de Twitter e inicie sesión con su cuenta de Twitter. Después de iniciar sesión, cree una nueva aplicación.

En la siguiente pantalla, proporcione un nombre para su aplicación, esto podría ser cualquier cosa, idealmente el título de su sitio web. Proporcione una descripción para su aplicación, esta podría ser la misma descripción que su blog o cualquier cosa que desee. En el campo del sitio web, ingrese la URL de su sitio de WordPress, por ejemplo: https://www.wpbeginner.com.

Ingrese también la misma URL en el campo URL de devolución de llamada. Después de completar el formulario, presione el Crea tu aplicación de Twitter en la parte inferior de la página.

Esto creará una nueva aplicación de Twitter para que la uses. En la página siguiente, haga clic en Crear mi token de acceso botón. Esto le mostrará una notificación de que se ha creado su token de autorización.

En la página de su aplicación de Twitter, solo necesitaremos la clave del consumidor y el secreto del consumidor para el siguiente paso.

Copie el siguiente código y péguelo en la carpeta de su tema. functions.php archivo o un sitio específico plugin. Reemplace las variables Consumer Key y Consumer Secret con su clave y secreto de consumidor.

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;
}

Ahora agregue esta línea de código en su plantilla de tema donde desea mostrar su recuento de seguidores de Twitter. Esto podría estar en sidebar.php, header.php o básicamente en cualquier lugar que desee.

<?php 
echo getTwitterFollowers('your_screen_name');
 ?>

Eso es. Estás listo. Esperamos que este artículo te haya ayudado a mostrar los seguidores de Twitter como texto en WordPress. Hay muchas otras cosas que puede hacer para integrar Twitter con su sitio de WordPress. Por ejemplo, puede agregar tarjetas de Twitter o mostrar tweets recientes en WordPress. Para obtener más consejos útiles, considere los siguientes @wpbeginner en Twitter.

Fuente: Zvonko Biskup