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:
![](https://codigogenesis.com/genesis/2020/05/ejemplo-suscriptores-Youtube-API-WordPress.jpg)
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:
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 2055 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í:
![](https://codigogenesis.com/genesis/2020/05/ejemplo-json-Youtube-API-WordPress.jpg)
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:
![](https://codigogenesis.com/genesis/2020/05/ejemplo-suscriptores-Youtube-API-WordPress.jpg)
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. 😉