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

Mostrar el recuento de seguidores de tus redes sociales en tu sitio de WordPress puede ser una forma poderosa de aumentar la credibilidad de tu marca. Cuando los visitantes ven que tienes una presencia establecida en plataformas como Instagram, Twitter o Facebook, les da confianza de que tu marca es confiable para otros.

Esta prueba social puede animar a más personas a seguirte, interactuar con tu contenido y conectarse con tu marca a través de múltiples canales.

En WPBeginner, reconocemos el papel que juegan las redes sociales en la generación de tráfico a tu sitio web. Es por eso que hemos agregado botones para compartir en redes sociales en nuestro sitio y promocionamos constantemente nuestros productos y servicios en varias plataformas. Esto nos ha ayudado a mantenernos conectados con nuestra audiencia y ha mejorado el conocimiento de nuestra marca.

En este artículo, te mostraremos cómo mostrar fácilmente el recuento de seguidores en redes sociales como texto en WordPress. Nuestra guía paso a paso será fácil de seguir y no requerirá que uses ningún código.

¿Por qué mostrar el recuento de seguidores en redes sociales en tu sitio web?

Es posible que hayas notado que muchos de los blogs populares, influencers y marcas muestran con orgullo el recuento de sus seguidores en redes sociales en sus sitios web.

El recuento de seguidores te ayuda a agregar prueba social a tu sitio web de WordPress. Esto te permite ganarte la confianza de los usuarios y construir la identidad de marca mostrando a tus clientes y seguidores anteriores como prueba.

Además, te ayuda a conseguir más seguidores en tus perfiles de redes sociales, al tiempo que ofrece a los usuarios formas convenientes de mantenerse en contacto.

Desafortunadamente, no es tan simple o fácil mostrar el recuento de seguidores en 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 tiene un método diferente para hacerlo.

Afortunadamente, existen varios plugins y soluciones de WordPress que hacen posible que muestres el recuento de tus seguidores en redes sociales.

Dicho esto, te mostraremos diferentes formas de mostrar el recuento de tus seguidores en redes sociales en tu sitio web de WordPress. Puedes elegir la que mejor te funcione:

• Método 1: Mostrar el recuento de seguidores en redes sociales usando un plugin
• Método 2: Mostrar feeds de redes sociales con Smash Balloon
• Método 3: Obtener y mostrar manualmente el recuento de seguidores usando código
• Mostrar el recuento de seguidores de Facebook usando código
• Mostrar el recuento de seguidores de Twitter como texto
• Extra: Añadir botones para compartir en redes sociales en WordPress

Método 1: Mostrar el recuento de seguidores en redes sociales usando un plugin

Este método es más fácil y te permite omitir el requisito de claves API si no puedes conseguirlas.

Sin embargo, es un poco poco confiable y puede 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 de claves API con bastante frecuencia, lo que rompe las aplicaciones que utilizan los métodos antiguos.

Lo bueno es que el plugin proporciona una opción de respaldo para ingresar manualmente tus seguidores en redes sociales como texto.

Primero, necesitas instalar y activar el plugin Wp Social Login and Register Social Counter. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a la página WP Social » Social Counter desde el panel de WordPress y cambia a la pestaña Proveedores.

Desde aquí, activa cada plataforma de redes sociales que desees mostrar y luego haz clic en el botón Configuración para configurarla.

Esto abrirá una ventana emergente donde puedes proporcionar los detalles de tu perfil de redes sociales para esa plataforma. También encontrarás una opción para ingresar manualmente un recuento predeterminado de seguidores de Facebook.

Repite el proceso para todas las plataformas de redes sociales que desees mostrar.

Una vez terminado, puedes ir a la página Apariencia » Widgets y agregar el widget WSLU Social Counter a tu barra lateral.

No olvides guardar tus cambios y previsualizar tu sitio web.

¿Quieres mostrar el recuento de seguidores de redes sociales en una publicación o página? Simplemente edita la publicación o página donde deseas mostrar el recuento de seguidores y agrega el siguiente shortcode en el editor de contenido.

[xs_social_counter]

Después de eso, puedes hacer clic en el botón ‘Publicar’ o ‘Actualizar’ para guardar tu configuración.

Ahora puedes visitar tu sitio de WordPress para ver el recuento de tus seguidores en redes sociales en acción.

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

Una alternativa más fácil para mostrar los recuentos de seguidores en redes sociales es mostrar tus feeds de redes sociales con Smash Balloon.

Smash Balloon es el mejor plugin de redes sociales para WordPress. Te permite mostrar contenido de tus redes sociales como feeds con hermosos diseños.

Primero, visita el sitio web de Smash Balloon. Ofrecen diferentes plugins de feeds de redes sociales para Instagram, Twitter, Facebook, YouTube y un feed combinado de Muro Social.

Recomendamos adquirir el Paquete de Acceso Total, que te da todos los plugins.

Después de registrarte, puedes iniciar sesión en tu cuenta en Smash Balloon y descargar los plugins a tu computadora.

A continuación, procede a instalar los plugins de feed de Smash Balloon uno por uno. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Para este tutorial, te mostraremos cómo crear un muro social que conecte todos tus feeds de redes sociales y los muestre como uno solo.

Nota: Para hacer esto, necesitarás el plugin Muro Social de Smash Balloon, así como el plugin de feed.

Después de la activación, visita la pestaña del menú Muro Social desde el panel de WordPress y haz clic en el botón ‘Añadir Nuevo’ en la parte superior.

Esto te llevará a una nueva pantalla donde verás la lista de plataformas de redes sociales con botones para conectarlas. Haz clic en el botón ‘Agregar al muro’ para la plataforma con los feeds que deseas mostrar en tu muro social.

Esto mostrará una lista de los feeds que ya has creado y que deseas agregar a tu muro social.

Para obtener instrucciones detalladas, es posible que desees consultar nuestros siguientes tutoriales sobre cómo crear feeds de redes sociales con Smash Balloon:

• Cómo mostrar el feed de Instagram en WordPress
• Cómo mostrar publicaciones de Facebook en WordPress
• Cómo mostrar los últimos Tweets en WordPress

Después de seleccionar los feeds, haz clic en el botón ‘Crear muro’ en la parte superior.

Esto iniciará el editor visual de Smash Balloon, donde verás una vista previa de tu muro social a la derecha con la configuración de personalización a la izquierda.

Desde aquí, puedes cambiar el diseño y la paleta de colores, agregar botones de carga adicional y más. Para más detalles, consulta nuestro tutorial sobre cómo agregar tus feeds de redes sociales a WordPress.

Finalmente, haz clic en el botón ‘Guardar’ en la parte superior para almacenar tu configuración. Luego, haz clic en el botón ‘Incrustar’.

Esto abrirá un cuadro de diálogo en la pantalla desde donde puedes copiar el shortcode para el muro social que creaste.

A continuación, sal del editor de feeds y abre la página o publicación donde deseas agregar el muro social en el editor de bloques.

Desde aquí, haz clic en el botón ‘Agregar bloque’ (+) en la esquina superior izquierda de la pantalla para abrir el menú de bloques. Luego, agrega el bloque Muro Social a la página/publicación.

Haz clic y pega el shortcode que copiaste anteriormente en el cuadro ‘Configuración de shortcode’ en el panel de bloques a la derecha.

Finalmente, haz clic en el botón ‘Publicar’ o ‘Actualizar’ para guardar tu configuración. Ahora has agregado exitosamente un muro social en tu sitio web con feeds para tus cuentas de Facebook, Twitter e Instagram.

Método 3: Obtener y mostrar manualmente el recuento de seguidores usando código

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

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

En este método, te mostraremos cómo obtener un recuento de seguidores para Twitter y Facebook usando claves de API.

Necesitarás agregar código personalizado a tu sitio web de WordPress. Si no has hecho esto antes, consulta 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 recuento de seguidores de Facebook, deberás hacer lo siguiente:

1. Crea una aplicación de Facebook para obtener acceso a las API de Facebook.
2. Genera un token de acceso. Esto actúa como una contraseña y te permite obtener la información que necesitas.
3. Usa la aplicación de Facebook y el token de acceso para obtener los 'Me gusta' de Facebook en WordPress.

1. Crea una aplicación de Facebook

Empecemos creando una aplicación de Facebook. Simplemente ve al sitio web de Meta Developers y haz clic en el botón 'Crear aplicación'.

Después de eso, se te pedirá que elijas un tipo de aplicación.

Haz clic en 'Negocio' y luego haz clic en el botón 'Siguiente' para continuar.

Después de eso, se te pedirá que le des un nombre a tu aplicación (puede ser lo que quieras) y tu dirección de correo electrónico.

Puedes omitir la opción de cuenta de negocios y hacer clic en el botón 'Crear aplicación'.

Es posible que se te pida que ingreses tu contraseña de Facebook.

Luego serás redirigido al panel de tu aplicación.

Verás múltiples opciones en esta pantalla, pero como estamos usando la aplicación para uso personal, no necesitamos estas opciones por el momento.

2. Obtén un token de acceso para la API de Facebook

A continuación, debes dirigirte a la página del explorador de la API Graph para generar nuestro token de acceso y obtener nuestro ID de página.

Primero, selecciona la aplicación que creaste en la sección de Aplicación de Facebook.

Después de eso, haz clic en el menú desplegable 'Obtener Token' y selecciona la opción 'Token de Acceso de Página'.

Esto mostrará la ventana emergente de permisos. En ella, debes continuar como tu cuenta personal y luego elegir la página para la que deseas un token de acceso.

A continuación, se te mostrarán algunos permisos y advertencias.

Puedes ignorarlos y hacer clic en ‘Listo’.

Facebook ahora generará un token de acceso para ti.

Simplemente copia y pega el token de acceso en tu computadora usando un editor de texto plano como Bloc de notas o TextEdit.

Antes de irte, lo siguiente que necesitas es el ID de la página.

Para obtener esto, necesitas ingresar el slug de la URL de tu página en el formulario de arriba y luego hacer clic en el botón ‘Enviar’.

Ahora puedes copiar y pegar el ID de la página en tu computadora usando un editor de texto plano como Bloc de notas o TextEdit.

3. Mostrar Me gusta de Facebook en WordPress

Primero, copia y pega el siguiente código en el archivo functions.php de tu tema de WordPress o usa WPCode (recomendado):

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

Para más detalles, puedes ver nuestra guía sobre cómo agregar código personalizado en WordPress.

A continuación, necesitas pegar el siguiente código en la plantilla de tu tema de WordPress donde deseas 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 olvides reemplazar el ID de la página de Facebook y el token de acceso con los valores que copiaste anteriormente.

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

Mostrar el recuento de seguidores de Twitter como texto

Para que los seguidores de Twitter cuenten como texto, deberás seguir estos pasos:

1. Crea una aplicación de Twitter.
2. Obtén la clave API de Twitter.
3. Obtén el recuento de seguidores en WordPress.

1. Crea una aplicación de Twitter y obtén las claves API

Primero, necesitas visitar el sitio web de Twitter Developer y crear una nueva aplicación independiente.

Se te pedirá que proporciones un nombre para tu aplicación.

Puedes elegir el nombre que desees.

A continuación, verás las claves API para tu aplicación.

Continúa y copia estas claves en tu computadora usando un editor de texto plano como el Bloc de notas o TextEdit.

2- Obtén el recuento de seguidores de Twitter en WordPress

A continuación, necesitas agregar el siguiente código al archivo functions.php de tu tema o usando WPCode (recomendado):

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 olvides reemplazar wpbeginner con tu propio nombre de usuario de Twitter y las claves API con tus propias claves API.

Después de eso, puedes agregar el siguiente código a tu tema de WordPress donde quieras mostrar el recuento de seguidores de Twitter:

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

Ahora puedes visitar tu sitio web y ver tu recuento de seguidores de Twitter en acción.

Extra: Añadir botones para compartir en redes sociales en WordPress

Además de mostrar el recuento de seguidores de tus redes sociales, también puedes mostrar botones para compartir en redes sociales. Esto permitirá a los usuarios compartir el contenido de tu blog de WordPress con sus amigos y familiares y te ayudará a llegar a una audiencia más amplia.

Puedes agregar fácilmente botones para compartir en redes sociales instalando y activando el plugin Social Snap. Para más detalles, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Al activarse, visita la página Social Snap » Configuración y cambia a la pestaña ‘Compartir en redes sociales’ de la columna izquierda. Esto abrirá nuevas configuraciones, donde debes seleccionar la pestaña ‘Administrar redes’.

Luego, selecciona las plataformas de redes sociales de tu elección del aviso y sal de la pestaña.

Ahora, expande la pestaña ‘Botones en línea’ y configura la posición, alineación, etiqueta, forma y tamaño de los botones.

Una vez que hayas hecho eso, desplázate hacia abajo hasta la sección ‘Mostrar en’ y elige los lugares donde deseas mostrar los botones. Aquí, puedes marcar la casilla ‘Entradas’ si solo deseas mostrar los botones para compartir en redes sociales en tus entradas.

Finalmente, haz clic en el botón 'Guardar Cambios' para almacenar tu configuración.

Ahora visita una entrada en tu sitio web para ver los botones para compartir en redes sociales en acción. Para más detalles, consulta nuestro tutorial sobre cómo agregar botones para compartir en redes sociales en WordPress.

Esperamos que este artículo te haya ayudado a mostrar el recuento de tus seguidores en redes sociales en WordPress. También te puede interesar nuestra hoja de trucos completa de redes sociales para WordPress o nuestra guía sobre cómo integrar tu sitio de WordPress con Telegram.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.