• 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 vídeos de tu canal de YouTube en WordPress mediante un shortcode

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

¿Te interesa mostrar el número de vídeos que tienes en tu canal de YouTube de forma dinámica en la web?

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 mediante 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 vídeos de tu canal de YouTube en WordPress

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

Para poder 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.

Cuando 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 muestre los datos de tu canal de YouTube, tendrás que sustituir el valor de las variables siguientes por los valores que hayas obtenido en el paso 1:

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

Al encapsular el código en un shortcode 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 cualquiera de estos datos en tu shortcode.

3. Introduce el shortcode donde desees

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_vid], donde quieres 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 vídeos 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?