Cómo mostrar el recuento de seguidores de redes sociales en WordPress

¿Desea mostrar fácilmente el número de seguidores de las redes sociales como texto en WordPress?

Mostrar el recuento de seguidores en las redes sociales lo ayuda a agregar pruebas sociales a su sitio web, fortalece la identidad de la marca y lo ayuda a hacer crecer su negocio.

En este artículo, le mostraremos cómo mostrar fácilmente el número de seguidores de las redes sociales como texto en WordPress.

¿Por qué mostrar que los seguidores de las redes sociales cuentan en su sitio web?

Es posible que haya notado que muchos de los blogs populares, personas influyentes y marcas muestran con orgullo su número de seguidores en las redes sociales en sus sitios web.

El conteo de seguidores lo ayuda a agregar pruebas sociales a su sitio web de WordPress. Esto le permite ganarse la confianza de los usuarios y crear una identidad de marca mostrando a sus clientes y seguidores anteriores como prueba.

Vista previa del recuento de seguidores en las redes sociales

Además, lo ayuda a obtener más seguidores en sus perfiles de redes sociales al tiempo que permite a los usuarios mantenerse en contacto de manera conveniente.

Desafortunadamente, no es tan simple o fácil mostrar el conteo de seguidores en las redes sociales como nos gustaría, pero definitivamente es posible.

Muchas plataformas de redes sociales requieren claves API para obtener esta información y cada una de ellas tiene una forma diferente de hacerlo.

Afortunadamente, existen varios complementos y soluciones de WordPress que le permiten mostrar el número de seguidores en las redes sociales.

Dicho esto, le mostraremos diferentes formas de mostrar su número de seguidores en las redes sociales en su sitio web de WordPress. Puedes elegir uno que funcione mejor para ti.

Método 1. Mostrar el recuento de seguidores de redes sociales usando un complemento

Este método es más fácil y le permite omitir el requisito de claves API si no puede obtenerlas.

Sin embargo, es un poco poco confiable y es posible que no pueda obtener el recuento de seguidores en tiempo real. Esto se debe a que las plataformas de redes sociales cambian sus métodos clave de API con bastante frecuencia, lo que interrumpe las aplicaciones que utilizan los métodos antiguos.

La parte buena es que el complemento proporciona una opción alternativa para ingresar manualmente el número de seguidores de las redes sociales como texto.

En primer lugar, debe instalar y activar el Wp Social enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe ir a WP Social » Contador social y cambie a la pestaña Proveedores.

Configuraciones de contador social

Desde aquí, debe activar cada plataforma de redes sociales que desea mostrar y luego hacer clic en el botón Configuración para configurarlo.

Aparecerá una ventana emergente donde puede proporcionar los detalles de su perfil de redes sociales para esa plataforma. También encontrará una opción para ingresar manualmente un número predeterminado de seguidores de Facebook.

Configuración de la plataforma

Repita el proceso para todas las plataformas de redes sociales que desee mostrar.

Una vez que haya terminado, puede ir a Apariencia » Widgets y agregue el widget WSLU Social Counter a su barra lateral.

Mostrar el recuento de seguidores sociales en el widget de la barra lateral

No olvides guardar tus cambios y obtener una vista previa de tu sitio web.

¿Quiere mostrar el número de seguidores de las redes sociales en una publicación o página? Simplemente edite la publicación o la página donde desea mostrar el número de seguidores y agregue el siguiente código abreviado en el editor de contenido.

Añadir código abreviado

Después de eso, puede guardar o publicar su publicación o página y obtener una vista previa para ver el número de seguidores en las redes sociales en acción.

Vista previa del recuento de seguidores en las redes sociales

Método 2. Mostrar feeds de redes sociales con Smash Balloon

Una alternativa más fácil a mostrar el número de seguidores en las redes sociales es mostrar tus feeds sociales con Smash Balloon.

aplastar globo es el mejor complemento de redes sociales para WordPress. Le permite mostrar fácilmente el contenido de sus redes sociales con hermosos diseños.

Primero, debe visitar el sitio web de Smash Balloon. Ofrecen diferentes complementos de feeds de redes sociales para Instagram, Twitter, Facebook, YouTube y un feed combinado de Social Wall.

Sitio web de Smash Balloon

Recomendamos obtener el paquete All Access que le brinda todos los complementos.

Después de registrarse, puede iniciar sesión en su cuenta en el sitio web de Smash Balloon y descargar los complementos a su computadora.

A continuación, puede continuar e instalar los complementos de alimentación de Smash Balloon uno por uno. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Por el bien de este tutorial, le mostraremos cómo crear un muro social que lo ayude a conectar todas sus fuentes de redes sociales y mostrarlas como una sola.

Tras la activación del complemento, vaya a Feeds sociales » Crear un muro social página. Desde aquí, verá la lista de feeds sociales con botones para conectarlos.

Conectar feeds sociales

Una vez que haya conectado las fuentes, verá un código abreviado en la parte superior para usar en cualquier parte de su sitio web para mostrar el muro social.

Código abreviado del muro social

Ahora puede agregar este código abreviado a cualquier publicación, página o widget de la barra lateral de WordPress para mostrar sus feeds sociales.

¿No estás contento con el look? Smash Balloon te ofrece un montón de opciones de personalización y diseños para tus feeds sociales.

Simplemente ve a la Feeds sociales » Crear un muro social y cambie a la pestaña Personalizar.

Personalizar fuente

Desde aquí, puede elegir un tipo de diseño y configurar opciones de visualización como encabezado, pie de página, número de elementos y más.

Una vez que haya terminado, no olvide guardar los cambios.

Así es como se vería un muro social típico en su sitio web.

Vista previa del muro social

Smash Balloon también puede mostrar feeds individuales para cada plataforma de redes sociales. Simplemente cambie al menú de alimentación para copiar el código abreviado.

Mostrar un solo feed por separado

Después de eso, puede agregar este código abreviado a cualquier publicación, página o widget lateral para mostrar ese feed en particular. Algunos feeds como la página de Facebook pueden incluso mostrar el número de seguidores.

Widget de Facebook con contador de seguidores

Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre:

Smash Balloon ofrece una versión gratuita de todos sus complementos Pro, que es excelente para aquellos que tienen un presupuesto limitado.

Método 3. Obtener y mostrar manualmente el recuento de seguidores mediante el código

Este método es un poco avanzado y puede que no funcione muy bien para los principiantes. Sin embargo, te ayudará a obtener el número de seguidores de las redes sociales como texto.

Básicamente, la mayoría de las plataformas de redes sociales requieren que cree una aplicación y claves API de usuario para recuperar datos como el número de seguidores de sus servidores.

En este método, le mostraremos cómo obtener el número de seguidores de Twitter y Facebook usando claves API.

Deberá agregar un código personalizado a su sitio web de WordPress. Si no lo ha hecho antes, eche un vistazo a nuestra guía sobre cómo copiar y pegar código en WordPress.

Mostrar el recuento de seguidores de Facebook usando código

Para obtener el número de seguidores de Facebook, necesitará los siguientes elementos.

  1. Cree una aplicación de Facebook para obtener acceso a las API de Facebook.
  2. Genere un token de acceso. Esto actúa como una contraseña y le permite obtener la información que necesita.
  3. Use la aplicación de Facebook y el token de acceso para obtener Me gusta de Facebook en WordPress

1. Crear aplicación de Facebook

Comencemos por crear una aplicación de Facebook. Simplemente ve a la Desarrolladores de Facebook sitio web y haga clic en el botón Crear una aplicación.

Crear una aplicación de Facebook

Después de eso, se le pedirá que elija un tipo de aplicación. Haga clic en el Negocio y luego haga clic en el botón Siguiente para continuar.

Elija el tipo de aplicación

Después de eso, se le pedirá que proporcione el nombre de su aplicación (puede ser cualquier cosa que desee) y la dirección de correo electrónico. Puede omitir la opción de cuenta comercial y hacer clic en el botón Crear aplicación.

Proporcionar detalles de la aplicación

Es posible que se le solicite que ingrese su contraseña de Facebook. Después de eso, será redirigido al panel de control de su aplicación.

Panel de control de la aplicación

En esta pantalla, verá múltiples opciones, pero dado que estamos usando la aplicación para uso personal, no necesitamos estas opciones en este momento.

2. Obtenga el token de acceso para la API de Facebook

A continuación, debe dirigirse a la Explorador de API gráfica página para generar nuestro token de acceso y obtener nuestra ID de página.

Generar token de Facebook

Primero, seleccione la aplicación que creó en la sección Aplicación de Facebook.

Después de eso, haga clic en el menú desplegable Obtener token y seleccione la opción Token de acceso a la página.

Esto abrirá la ventana emergente de permisos, donde debe continuar como su cuenta personal y luego elegir la página para la que desea obtener el token de acceso.

Elegir página

A continuación, se le mostrarán algunos permisos y advertencias. Puede ignorarlos y hacer clic en Listo.

permisos

Facebook ahora generará un token de acceso para ti. Simplemente copie y pegue el token de acceso en su computadora usando un editor de texto sin formato como Notepad o TextEdit.

Copiar token de acceso

Antes de irse, lo siguiente que necesita es la identificación de la página. Para obtener esto, debe ingresar el slug de la URL de su página en el formulario anterior y luego hacer clic en el botón Enviar.

Obtener ID de página

Ahora puede copiar y pegar la ID de la página en su computadora usando un editor de texto sin formato como el Bloc de notas o TextEdit.

3. Mostrar Me gusta de Facebook en WordPress

Primero, debe copiar y pegar el siguiente código en el archivo functions.php de su tema de WordPress o en un complemento específico del sitio.

function getFacebookLike( $fbid, $token ){ 
$json_string = @file_get_contents('https://graph.facebook.com/v14.0/'. esc_attr( $fbid ) .'/?fields=fan_count&access_token='. esc_attr( $token ) );
$json = json_decode($json_string, true); 
$like_count = isset( $json['fan_count'] ) ? $json['fan_count'] : 0;
return $like_count;
}

A continuación, debe pegar el siguiente código en su plantilla de tema de WordPress donde desea mostrar el conteo de Me gusta de Facebook como texto.

<?php 
echo "<p>More than <strong>" . getFacebookLike( $fbid = 'Facebook page ID', 'access token' ) .  "</strong> users follow us on Facebook.</p> "; 
?>

No olvide reemplazar la identificación de la página de Facebook y el token de acceso con los valores que copió anteriormente.

Ahora puede visitar su sitio web para ver su código en acción. Así es como se veía en nuestro sitio web de prueba.

Cuenta de seguidores de Facebook

Mostrar el número de seguidores de Twitter como texto

Para obtener el recuento de seguidores de Twitter como texto, deberá seguir estos pasos.

  1. Crear aplicación de Twitter
  2. Obtener la clave API de Twitter
  3. Obtener el número de seguidores en WordPress

1- Crear aplicación de Twitter y obtener claves de API

Primero debe visitar el sitio web de desarrolladores de Twitter y crear una nueva aplicación independiente.

Crear aplicación de Twitter

Se le pedirá que proporcione un nombre para su aplicación. Puedes elegir el nombre que quieras.

Nombre de la aplicación de Twitter

A continuación, verá las claves API para su aplicación. Continúe y copie estas claves en su computadora usando un editor de texto sin formato como Notepad y TextEdit.

Claves API de Twitter

2- Obtener el número de seguidores de Twitter en WordPress

A continuación, debe agregar el siguiente código al archivo functions.php de su tema o un complemento específico del sitio.

function getTwitterFollowers($screenName="wpbeginner")
{
    // some variables
    $consumerKey = 'API key';
    $consumerSecret="API key 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('', '__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;
}

No olvide reemplazar wpbeginner con su propio nombre de usuario de Twitter y claves API con sus propias claves API.

Después de eso, puede agregar el siguiente código a su tema de WordPress donde desea mostrar el conteo de seguidores de Twitter.

<p>
More than <strong><?php echo getTwitterFollowers(); ?></strong> users follow us on Twitter.
</p>

Ahora puede visitar su sitio web y ver el número de seguidores de Twitter en acción.

Número de seguidores de Twitter

Esperamos que este artículo le haya ayudado a mostrar el número de seguidores de las redes sociales en WordPress. También es posible que desee ver nuestra hoja de trucos de redes sociales completa para WordPress o nuestra guía de SEO de WordPress para obtener más tráfico orgánico de los motores de búsqueda.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja un comentario