Cómo mostrar Twitter Los seguidores cuentan y más en WordPress

La forma más sencilla de mostrar Twitter seguidores es mediante el uso oficial Twitter boton de seguir. 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 un Twitter App, para que podamos utilizar correctamente la Twitter API 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 comenzar? Vamos.

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

Creando un nuevo Twitter 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 Twitter solicitud en la parte inferior de la página.

Esto creará un nuevo Twitter aplicación para su uso. 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 tu Twitter En la página de la aplicación, solo necesitaremos la clave del consumidor y el secreto del consumidor para el siguiente paso.

Copie el siguiente código y péguelo en el archivo functions.php de su tema o en un complemento específico del sitio. 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 el recuento de seguidores de Twitter. Esto podría estar en sidebar.php, header.php o básicamente en cualquier lugar que desee.


Eso es todo. Estás listo. Esperamos que este artículo te haya ayudado a mostrar Twitter seguidores 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 seguir a @wpbeginner en Twitter.

Fuente: Zvonko Biskup

Publicaciones relacionadas

Botón volver arriba