• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar el número de suscriptores de tu canal de YouTube en WordPress mediante un shortcode

Descubre en este tutorial cómo mostrar el número de suscriptores de tu canal de YouTube en WordPress con la ayuda de un shortcode.

El otro día Jonathan, uno de los suscriptores de Código Genesis, me preguntaba:

Tengo un canal de YouTube y me gustaría mostrar en mi web cuántos «seguidores» tengo en mi canal de YouTube… ¿eso es posible?
Saludos

La respuesta es sí.

YouTube tiene una API abierta por lo que puedes tomar los valores expuestos en la misma y mostrarlas a tu antojo en tu página web.

Interesante, ¿verdad?

Pues eso es justo lo que vas a ver en este tutorial:

Cómo recoger mediante la API los datos de suscriptores de un canal de YouTube y mostrarlos en cualquier punto de tu web gracias a un shortcode.

Este sería el resultado:

Ejemplo de resultado del shortcode tomando datos de la API de YouTube.

Y aquí tienes los pasos a seguir:

Instrucciones para mostrar el número de suscriptores de tu canal de YouTube en WordPress

1. Obtén tu clave API de YouTube y el ID de tu canal

Para acceder a los datos de tu canal mediante la API de YouTube necesitas dos cosas:

  • Crear una clave API.
  • Obtener el ID de tu canal de Youtube.

Una vez que los tengas, déjalos a mano porque los vas a utilizar en breve.

2. Crea el shortcode

Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1827 snippets de esta web,
identifícate o suscríbete aquí.

En este snippet usas la función wp_remote_get para acceder a los datos de la API de YouTube.

En este caso, tienes que acceder a una URL con esta estructura:

https://www.googleapis.com/youtube/v3/channels?part=statistics&id=tu_channel_ID&key=tu_API_Key

Por eso guardas los datos del ID del canal y la clave API de YouTube en variables y luego las concatenas en la URL.

Para que muestren los datos de tu canal de YouTube, sustituye el valor de las variables siguientes con los valores que has obtenido en el paso 1:

  • $channel_id = «tu_channel_ID»
  • $api_key = «tu_API_Key»

Al encapsular el código en un shortcode, esto te permite mostrar el resultado en cualquier punto de la web.

Si utilizas un navegador que formatea el JSON (como Firefox) al visitar la URL de tu canal verás algo así:

JSON devuelto por la API de YouTube.

Puedes mostrar cualquier de estos datos en tu shortcode si así lo deseas.

3. Introduce el shortcode donde quieras

La ventaja de los shortcodes es que puedes insertarlos en cualquier punto de la web.

Solo tendrás que escribir «[tu_shortcode]», en este caso [youtube_subs], donde deseas que se visualice (al final de un artículo, en la barra lateral, en el footer…)

Importante:

  • Si estás utilizando el editor clásico, utiliza la pestaña de HTML para introducir el shortcode.
  • En caso de que ya estés usando el nuevo editor de bloques (Gutenberg) puedes añadirlo al bloque normal de párrafo, el de HTML o el de shortcode. Todos ellos renderizarán de forma correcta el contenido.

En este caso, el resultado del shortcode es un texto como este:

Ejemplo de resultado del shortcode tomando datos de la API de YouTube.

Conclusiones

Ahora ya sabes cómo tomar valores de la API de YouTube y mostrar el número de suscriptores de tu canal en cualquier punto de la web gracias a un shortcode.

Ya solo te queda ponerlo en práctica. 😉

¿Alguna duda? Te leo en los comentarios.

Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉

API PHP Shortcode WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?