Cómo incrustar una transmisión en vivo de YouTube en WordPress

¿Quieres incrustar una transmisión en vivo de YouTube en tu sitio web de WordPress?

Incrustar transmisiones en vivo de YouTube en su sitio de WordPress puede aumentar la participación al permitir que los visitantes interactúen con usted y su contenido en tiempo real.

En este artículo, le mostraremos cómo insertar fácilmente una transmisión en vivo de YouTube en WordPress.

Por qué incrustar transmisiones en vivo de YouTube en WordPress

La transmisión en vivo le permite transmitir contenido de video o audio en vivo a través de Internet, lo que permite a los usuarios ver el video en tiempo real.

Incrustar una transmisión en vivo de YouTube en su sitio web de WordPress es una excelente manera de conectarse con su audiencia y llegar a más usuarios.

También puede aumentar la participación del usuario al permitirle interactuar con los visitantes del sitio.

Una transmisión en vivo de YouTube también puede ayudar a impulsar el SEO del sitio web y atraer más tráfico. La investigación ha demostrado que las publicaciones de blog con al menos un video obtienen alrededor de un 83% más de visitantes que el contenido sin ninguno.

Dicho esto, veamos cómo puedes insertar fácilmente una transmisión en vivo de YouTube en WordPress.

Cómo incrustar una transmisión en vivo de YouTube en WordPress

La forma más fácil de insertar una transmisión en vivo de YouTube es usando el complemento YouTube Feed Pro de Smash Balloon.

Es el mejor complemento de feed de YouTube de WordPress que le permite incrustar videos de YouTube y transmisiones en vivo en su sitio web.

Primero, debe instalar y activar el complemento YouTube Feed Pro. Para obtener más instrucciones, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Nota : YouTube Feed también tiene una versión gratuita. Sin embargo, no es compatible con la función de transmisión en vivo.

Una vez que se haya activado el complemento, debe visitar la página Feed de Youtube » Configuración desde la barra lateral de administración. Aquí, debe ingresar la clave de licencia y hacer clic en el botón 'Activar'.

Puede obtener la clave de licencia de su página de Cuentas en el sitio web de Smash Balloon.

A continuación, debe visitar la página Fuentes de YouTube » Todas las fuentes desde la barra lateral de administración de WordPress.

Desde aquí, simplemente haga clic en el botón 'Agregar nuevo' en la parte superior.

Esto abrirá el mensaje 'Seleccionar tipo de alimentación'.

Ahora, debe elegir la opción 'Transmisiones en vivo' y luego hacer clic en el botón 'Siguiente' para continuar.

En el siguiente paso, debe conectar YouTube Feed Pro con su cuenta de Youtube. Se le pedirá que proporcione su clave API de YouTube.

Si ya tiene una clave API, simplemente cópiela y péguela en el cuadro 'Ingresar clave API' y haga clic en el botón 'Agregar'.

Crear una clave API de YouTube

Si aún no tiene una clave API, debe ir a Google Cloud Console e iniciar sesión con su cuenta de Google.

Una vez que haya iniciado sesión, haga clic en el botón 'Seleccionar un proyecto' en la parte superior.

Esto abrirá una ventana emergente que mostrará todos los proyectos que ha creado.

A continuación, simplemente haga clic en el botón 'Nuevo proyecto' en la parte superior.

Esto lo llevará a la página 'Nuevo proyecto', donde puede comenzar escribiendo un nombre para su proyecto. Esto puede ser cualquier cosa que te ayude a identificarlo fácilmente.

A continuación, también debe seleccionar una 'Organización' y su ubicación en el menú desplegable. Puede seleccionar 'Sin organización' y hacer clic en el botón 'Crear' para continuar.

Una vez que se haya creado el proyecto, accederá al panel del proyecto.

Desde aquí, debe hacer clic en el botón '+ Habilitar API y servicios' en el menú superior.

Esto lo llevará a la página de la biblioteca API. Muestra los diferentes servicios de Google para los que puede crear API y utilizarlos en sus proyectos.

Ahora continúe y busque 'YouTube Data API v3' en el cuadro de búsqueda.

Una vez que aparezca el resultado 'YouTube Data API v3', simplemente haga clic en él.

Esto lo llevará a una nueva página donde debe hacer clic en el botón 'Habilitar' para activar la clave API de YouTube.

Ahora accederá a la página 'API/Detalles del servicio'.

Desde aquí, simplemente haga clic en el botón 'Crear credenciales' en la parte superior.

A continuación, será dirigido a una nueva página donde debe marcar la casilla junto a la opción 'Datos públicos'.

Después de eso, haga clic en el botón 'Siguiente' para crear su API.

Su clave API ahora se creará y se mostrará en la página.

Simplemente copie la clave API y haga clic en el botón 'Listo'.

A continuación, es hora de volver al panel de control de WordPress.

Continúe y pegue la clave API en el cuadro Clave API requerida. Luego, haga clic en el botón 'Agregar' para continuar.

Agregue la transmisión en vivo de YouTube a su sitio web de WordPress

Una vez que haya agregado su clave API de YouTube, será redirigido a la página 'Seleccionar tipo de fuente'.

Desde aquí, debe hacer clic en la opción 'Transmisión en vivo' nuevamente, seguido del botón 'Siguiente'.

Esto abrirá la página 'Agregar ID de canal para transmisión en vivo'.

Ahora, debe visitar el canal de YouTube que contiene sus videos de transmisión en vivo.

Desde aquí, continúa y copia el texto que viene después de '/canal/' o '/usuario/' en la URL en la parte superior.

A continuación, vuelva al panel de control de WordPress y pegue el código en el cuadro "Agregar ID de canal para transmisión en vivo".

Después de eso, haz clic en el botón 'Conectar' para conectar tu canal de YouTube con WordPress.

Una vez que el canal esté conectado, debe hacer clic en el botón 'Siguiente' para continuar.

Personaliza tu feed de YouTube

Ahora que se ha creado su feed de transmisión en vivo de YouTube, puede personalizarlo. YouTube Feed Pro de Smash Balloon ofrece muchas opciones de visualización diferentes.

Primero, deberá elegir una plantilla en la página 'Comenzar con una plantilla'. Puede elegir entre los diseños Predeterminado, Carrusel, Tarjetas, Lista, Galería y Cuadrícula.

Una vez que haya hecho su elección, simplemente haga clic en el botón 'Siguiente'.

Una vez que haya elegido una plantilla, se abrirá una pantalla de edición que muestra una vista previa de su feed de YouTube a la derecha y la configuración de personalización en la columna del menú de la izquierda.

Aquí, puede comenzar expandiendo el panel 'Diseño de fuente'.

En esta pantalla, puede cambiar entre los diseños.

También puede configurar ajustes adicionales según el diseño elegido.

A continuación, debe hacer clic en el panel 'Esquema de colores'.

De forma predeterminada, YouTube Feed Pro utiliza el mismo esquema de colores que su tema de WordPress. Sin embargo, también puede usar un esquema de color 'Claro' u 'Oscuro' para la transmisión de video.

También puede diseñar su propio esquema de color haciendo clic en la opción 'Personalizar' y luego usando los controles para cambiar los colores de fondo, texto y enlace.

Para agregar un encabezado a su feed de YouTube, debe visitar el panel "Encabezado". Desde aquí, simplemente cambie el interruptor 'Habilitar' para activar el encabezado.

También puede usar los controles para cambiar entre los estilos de encabezado estándar y de texto. Elegir la opción 'Texto' le permitirá cambiar el tamaño y el color del texto.

También puede personalizar la apariencia del reproductor de video yendo al panel 'Videos'.

Aquí verás una lista de opciones.

Para personalizar el diseño del video y las propiedades individuales, debe visitar el panel de configuración 'Estilo de video'.

Aquí puede seleccionar el diseño del video, el color de fondo y el borde.

Después de eso, abra el panel 'Editar elementos individuales'. Aquí, simplemente marque las casillas junto a los elementos que desea mostrar junto con los videos de transmisión en vivo de YouTube.

Puede mostrar u ocultar el ícono Reproducir, el título del video, la cuenta regresiva de la transmisión en vivo, las descripciones y más.

A continuación, debe dirigirse a la configuración 'Estado de desplazamiento'. Aquí, puede elegir los elementos individuales que se mostrarán cuando el usuario pase el mouse sobre el video de YouTube.

Puede elegir muchos elementos, incluido el título del video, la descripción, la fecha, las vistas y más.

Después de eso, debe visitar el panel 'Experiencia del reproductor de video'.

Desde aquí, puede cambiar la relación de aspecto del reproductor de video. También puede elegir si el video comenzará a reproducirse automáticamente o esperará hasta que el visitante haga clic en el botón de reproducción.

Después de personalizar los elementos de video individuales, cambie al panel 'Cargar más botón'.

Aquí, en la configuración 'Cargar más botón', puede cambiar la palanca a 'Habilitar'. Esto mostrará más sugerencias de video después de la transmisión en vivo.

También puede elegir el color de fondo, el estado de desplazamiento y el texto desde la configuración en el panel izquierdo.

Después de eso, cambie al panel 'Botón de suscripción' y cambie el interruptor a 'Habilitar' si desea activar el botón de suscripción de YouTube.

También puede cambiar el color, el texto y el estado de desplazamiento del botón en la configuración.

Una vez que haya personalizado la transmisión en vivo de YouTube, puede obtener una vista previa de cómo se verá en computadoras de escritorio, tabletas y teléfonos inteligentes. Simplemente haga clic en los diferentes botones en la esquina superior derecha para obtener una vista previa de la transmisión en diferentes dispositivos.

Finalmente, no olvide hacer clic en el botón 'Guardar' en la parte superior para guardar sus cambios.

Incruste la transmisión en vivo de YouTube en una página de WordPress

El siguiente paso es incrustar su transmisión en vivo de YouTube en una página de WordPress. Para hacer esto, primero debe hacer clic en el botón 'Incrustar' en la parte superior.

Esto abrirá el indicador 'Incrustar fuente'. Aquí, haga clic en el botón 'Agregar a una página' para continuar.

La ventana emergente ahora mostrará una lista de todas las páginas de WordPress en su sitio web.

Simplemente elija la página en la que desea insertar la transmisión en vivo de YouTube y haga clic en el botón 'Agregar'.

La página que seleccionó ahora se abrirá en el editor de bloques.

Desde aquí, debe hacer clic en el botón 'Agregar bloque' (+) en la esquina superior izquierda y buscar el bloque 'Fuentes para YouTube'.

Una vez que lo haya encontrado, agregue el bloque a su página haciendo clic en él.

No olvide hacer clic en el botón 'Actualizar' o 'Publicar' para guardar sus cambios o ponerlos en marcha.

Así es como se ve la transmisión en vivo de YouTube en nuestro sitio web de demostración.

Agregue una transmisión en vivo de YouTube como un widget

También puede agregar una transmisión en vivo de YouTube a la barra lateral de WordPress como un widget.

Primero, deberá visitar la página Apariencia » Widgets desde la barra lateral de administración.

Desde aquí, haz clic en el botón 'Agregar bloque' (+) en la esquina superior izquierda de la pantalla y localiza el bloque 'Feeds for YouTube'.

A continuación, haga clic en el bloque para agregarlo al área de widgets.

No olvide hacer clic en el botón 'Actualizar' para guardar los cambios.

Así es como se ve la transmisión en vivo de YouTube en la barra lateral de nuestro sitio web de demostración.

Agregue una transmisión en vivo de YouTube en el Editor de sitio completo

Si está utilizando un tema basado en bloques, entonces este método es para usted.

Primero, vaya a la página Apariencia » Editor desde la barra lateral de administración para iniciar el editor del sitio.

Desde aquí, haga clic en el botón 'Agregar bloque (+)' en la parte superior y busque el bloque 'Fuentes para YouTube'.

A continuación, puede arrastrar y soltar el bloque donde desee mostrar el feed de YouTube en su página.

Una vez que haya terminado, no olvide hacer clic en el botón 'Guardar' para aplicar los cambios.

Aquí hay una vista previa de las transmisiones en vivo en nuestro sitio web de demostración.

Esperamos que este artículo le haya ayudado a aprender cómo incrustar transmisiones en vivo de YouTube en WordPress. También puede leer nuestra guía definitiva de SEO de WordPress o consultar nuestras mejores opciones para conocer los mejores complementos de redes sociales para hacer crecer su sitio.

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