Cómo mostrar el recuento de vistas de videos de YouTube en WordPress

Sep 28, 2020 Uncategorized

Siga el tutorial a continuación sobre cómo mostrar los recuentos de vistas de videos de YouTube en WordPress en cualquier página, publicación o tipo de publicación personalizada. Terminará con un código corto que puede usar fácilmente donde quiera. Este tutorial utiliza la última API de datos de YouTube (v3), ya que la v2 ahora está obsoleta.

Mostrar recuentos de vistas de YouTube en WordPress

Ahora he actualizado esta publicación para incluir dos opciones diferentes. Ahora puede crear un código abreviado para mostrar recuentos de vistas de video individuales, así como un recuento total de un canal de YouTube. Esto puede ser genial para mostrarlo en una página de inicio o en un widget.

Opción 1: Mostrar recuentos de visualizaciones de vídeos individuales de YouTube

Paso 1

Primero, necesitará una clave API de Google. Así que vaya a Google Developers Console e inicie sesión con su cuenta de Google.

Paso 2

Cree el nuevo proyecto (el nombre no importa).

Paso 3

Haga clic en su nuevo proyecto en el menú desplegable. En la barra lateral de la izquierda, expanda API y autenticación. A continuación, haga clic en API. En la lista de API, vaya a API de datos de YouTube (v3) y asegúrese de que esté habilitado (Habilitar API).

api de datos de youtube

Paso 4

En la misma barra lateral, haga clic en Credenciales. Luego haga clic en «Agregar credenciales» y seleccione «Clave API».

agregar credenciales api key

Paso 5

Luego haga clic en «Clave del navegador».

clave del navegador

Paso 6

En las referencias, simplemente déjelo en blanco y haga clic en «Crear».

Paso 7

En la siguiente pantalla, verá una ventana emergente con su nueva clave API. Copie esto ya que lo necesitará más adelante.

clave de api youtube

Paso 8

Ahora necesitamos crear su código corto en WordPress. Así que haz clic en «Apariencia» y luego en «Editor».

editor de apariencia wp

Paso 9

Luego haga clic en su archivo functions.php.

funciones del tema

Paso 10

Ahora agregue el código a continuación al final de su archivo functions.php. Nota: primero haga una copia de seguridad si no está familiarizado con la edición de este archivo. Felicitaciones a mi hermano, quien rápidamente escribió esto en unos 5 minutos. Lo necesitaba para un proyecto en el que estoy trabajando en 92 Keys.

Reemplace xxxxxxxxxxxxxxxxxxxxxxx después de $ key = con su clave API.

function youtube_view_count_shortcode($params)
{
 $videoID = $params['id'];
 $json = file_get_contents("https://www.googleapis.com/youtube/v3/videos?part=statistics&id=" . $videoID . "&key=xxxxxxxxxxxxxxxxxxxxxxxx");
 $jsonData = json_decode($json);
 $views = $jsonData->items[0]->statistics->viewCount;
 return number_format($views);
}
add_shortcode('youtube_view_count', 'youtube_view_count_shortcode');

¡Ahora tiene un código corto que puede usar en WordPress!

Paso 11

Vaya a la página, publicación o tipo de publicación personalizada en la que desea mostrar los recuentos de vistas de videos de YouTube e ingrese el siguiente código abreviado. Reemplace la identificación con la identificación de video de YouTube.

[youtube_view_count id="UKuYgIBnqEA"]

Puede obtener la identificación del video mirando en su barra de direcciones.

ID de video de youtube

Ejemplo de recuentos de visualizaciones de vídeos de YouTube

Como puede ver arriba, tengo el video de YouTube … siéntase libre de hacer clic en él y ver el recuento en YouTube. También tómate un minuto y dale me gusta al video, ya que es parte de un proyecto en el que estoy involucrado en 92 Keys. Puede compararlo con lo que genera el código corto a continuación. Tenga en cuenta que podría ser un par de errores, ya que creo que almacena un poco en caché … pero debería estar bastante cerca.

Recuento de visitas: 338,364

Opción 2: Mostrar recuentos totales de vistas del canal de YouTube

Paso 1

Deberá repetir exactamente el mismo proceso anterior hasta el paso 10. Deberá crear una nueva función para un código corto de canal.

Reemplace xxxxxxxxxxxxxxxxxxxxxxx después de $ key = con su clave API.

function youtube_view_count_channel_shortcode($params)
{
 $channelID = $params['id'];
 $json = file_get_contents("https://www.googleapis.com/youtube/v3/channels?part=statistics&id=" . $channelID . "&key=xxxxxxxxxxxxxxxxxxxxxxxx");
 $jsonData = json_decode($json);
 $views = $jsonData->items[0]->statistics->viewCount;
 return number_format($views);
}
add_shortcode('youtube_view_count_channel', 'youtube_view_count_channel_shortcode');

Paso 2

Vaya a la página, publicación o tipo de publicación personalizada en la que desea mostrar los recuentos de vistas del canal de YouTube e ingrese el siguiente código abreviado. Reemplace la identificación con la identificación de su canal de YouTube.

[youtube_view_count_channel id="UCdXJhAstZc8y3G-4uCaa64g"]

Ejemplo de recuentos de vistas del canal de YouTube

Cantidad de canales: 2,443,033

Luego puede diseñar el código corto con CSS y hacer que se vea como lo desee. Si este tutorial sobre cómo mostrar los recuentos de vistas de videos de YouTube en WordPress (y los recuentos de vistas de canales) fue útil, hágamelo saber a continuación en los comentarios.

Luis Miguel

Por Luis Miguel

Content marketing en Iday.es. Me encargo de la creación de contenidos de nuestro propio blog así como el de clientes.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *