Cómo incrustar un video en WordPress (3 formas para principiantes)
Publicado: 2023-01-19Poner videos en su sitio web es una forma comprobada de aumentar el interés y el tiempo que los visitantes pasan en su sitio. ¿Quieres saber cómo incrustar un video en WordPress de la manera más fácil posible?
En este artículo, repasaremos 3 formas diferentes de incrustar un video en una página web o publicación de WordPress. Los videos incrustados se alojan en otro lugar, como YouTube, pero se muestran y reproducen en su sitio web.
También le mostraremos cómo realizar un seguimiento de sus reproducciones de video y otras estadísticas en WordPress.
¿Por qué agregar contenido de video a su sitio de WordPress?
Las personas que navegan por Internet en estos días esperan una experiencia rica y completa cuando visitan sitios web. Eso significa que debe ofrecer una variedad de contenido y contenido que promueva la interactividad. Agregar video a su sitio logra ambos objetivos.
¿Es difícil agregar video a WordPress?
En realidad, es muy fácil agregar videos a un sitio de WordPress. Existen varios métodos, y la mayoría de ellos solo requieren que copie y pegue una URL de video o una cadena corta de texto.
Muy bien, ya que le dijimos lo fácil que es incrustar un video, entremos de inmediato...
3 formas simples de incrustar un video en WordPress
Vamos a describir los métodos más fáciles posibles para incrustar un video en una publicación o página de WordPress.
- Incrustar videos con un complemento de WordPress
- Incrustar video con el editor de bloques de WordPress
- Incrustar video usando el editor clásico de WordPress
Comenzaremos con la forma más poderosa y efectiva de agregar video a WordPress: usando un complemento especializado diseñado para administrar contenido de video de YouTube.
Método 1: Cómo incrustar videos en WordPress usando un complemento
Los usuarios de WordPress tienen la suerte de tener una gran selección de complementos que facilitan la adición de funciones avanzadas a los sitios web, incluso para principiantes.
¡Ahora, cualquiera puede incrustar archivos de video en un sitio de WordPress sin ninguna experiencia técnica o de programación!
En este tutorial, vamos a utilizar YouTube Feed Pro de Smash Balloon para incrustar videos de YouTube.
YouTube es la plataforma de alojamiento de videos más popular del mundo, y Smash Balloon le permite colocar el contenido de YouTube directamente en su sitio web.
Puede agregar videos de YouTube desde su propia cuenta o desde otra cuenta. ¡Incluso puede crear un término de búsqueda y mostrar videos que coincidan con su búsqueda! También tendrá muchas opciones de visualización, desde una vista de galería hasta videos individuales.
Para comenzar, deberá instalar el complemento YouTube Feed Pro de Smash Balloon en WordPress.
Instalar y activar YouTube Feed Pro
Visita Smash Balloon y obtén tu licencia de YouTube Feed Pro aquí. El plan Personal le brinda todas las funciones que necesitará para insertar videos en un solo sitio web.
Después de completar su compra, visite la página Mi cuenta » Descargas en Smash Balloon para obtener el archivo del complemento. Simplemente haga clic en el ícono de descarga junto a YouTube Feed Pro para guardarlo en su computadora.
Mientras está en la página de Descargas, también debe continuar y copiar su clave de licencia del campo Licencia . Vas a ingresar esa clave de licencia en WordPress en el siguiente paso.
En este punto, debe iniciar sesión en WordPress para completar la instalación. Una vez que esté en el panel de control de WordPress, haga clic en Complementos » Agregar nuevo . Luego, haga clic en el botón Cargar complemento en la parte superior de la pantalla.
Ahora, seleccione el archivo que descargó de Smash Balloon y haga clic en Instalar ahora .
Después de que se instale el complemento, haga clic en Activar complemento y ¡listo! Para confirmar, consulte el menú del panel de control de WordPress para ver un nuevo elemento titulado Feed de YouTube .
Bien, una última cosa para terminar la configuración. Haga clic en Feed de YouTube » Configuración e ingrese la clave de licencia que copió anteriormente de su cuenta de Smash Balloon. Una vez que pegue la clave, haga clic en Activar para finalizar.
Eso es todo, sigamos y creemos un nuevo video para incrustarlo en WordPress.
Crear una nueva fuente de video
Para crear una nueva fuente de video en el complemento, haga clic en Todas las fuentes en el menú. Dado que aún no tiene ninguna fuente, esta pantalla muestra el asistente de nueva fuente. Puede hacer clic en el botón Agregar nuevo .
Ahora, verá los distintos tipos de fuentes que puede incrustar con Smash Balloon. Tienes 6 opciones aquí:
- Canal : muestra una fuente de todos los videos en el canal seleccionado
- Lista de reproducción : muestra una lista de reproducción que elijas de tu canal
- Favoritos : muestra los videos favoritos de cualquier usuario
- Búsqueda : muestra videos que coinciden con los criterios de búsqueda elegidos
- Transmisiones en vivo : muestra videos de transmisión en vivo actuales y futuros
- Videos individuales : le permite seleccionar una lista de videos individuales para incrustar
Seleccione el estilo de fuente que le gustaría mostrar en su sitio web y luego haga clic en Siguiente .
Aquí, se le pedirá que conecte su cuenta de YouTube usando su ID de canal o nombre de usuario .
El ID de tu canal es la cadena de letras y números que encontrarás en la URL cuando estés en el panel de control de tu canal en YouTube. El ID del canal se muestra en el cuadro rojo:
Tu nombre de usuario se muestra en la URL cuando estás en la página de inicio de tu canal. Por ejemplo, en esta URL, www.youtube.com/@Monsterinsightsplugin , el nombre de usuario es @Monsterinsightsplugin .
Introduzca uno de estos dos elementos en el cuadro y haga clic en Siguiente . En este punto, se le pedirá que ingrese una clave API de YouTube o que seleccione una cuenta para conectarse.
La mejor opción es ingresar una clave API de Google que verifique su cuenta de YouTube. Simplemente siga esta sencilla guía para obtener una clave API gratuita de Google.
Diseñe y personalice su feed de video integrado
Después de ingresar su clave API, seleccionará una plantilla para comenzar su diseño. No se preocupe, puede cambiar esto fácilmente más tarde.
Haga clic en Siguiente para continuar. Tu feed está listo, pero ahora tienes la oportunidad de personalizarlo para que quede exactamente como te gusta en el editor de feeds.
Aquí puede cambiar su plantilla y obtener una vista previa de cómo se ven todas. También tendrá opciones para editar su diseño, colores, encabezado, botones y apariencia del reproductor de video.
En la pestaña Configuración , puede cambiar su tipo de fuente y la fuente, establecer filtros sobre qué videos mostrar y cambiar otras configuraciones avanzadas.
Cuando esté satisfecho con la apariencia de su transmisión de video en la pantalla de vista previa, haga clic en el botón Guardar. Tu feed está configurado y listo para publicarse, ¡buen trabajo!
Publica tu fuente de video en WordPress
Para publicar su feed de YouTube como video incrustado en WordPress, haga clic en el botón Incrustar en la pantalla de edición de feeds. ¡Asegúrate de guardar todos tus cambios primero!
Se abre el cuadro Insertar fuente . Esto le brinda 3 opciones para incrustar su transmisión de video.
Primero, puede copiar el código abreviado y colocar este texto en cualquier página, publicación o widget.
En segundo lugar, puede hacer clic en el botón Agregar a una página para ver una lista de todas sus páginas publicadas. Seleccione una página y haga clic en Agregar para abrirla inmediatamente en el modo de edición. Luego se le pedirá que seleccione un bloque llamado Feeds for YouTube .
¡Simplemente haga clic en el bloque y su feed se colocará en la página!
Finalmente, si desea incrustar un video en un widget de WordPress, puede hacer clic en el botón Agregar a un widget . La pantalla Widgets se abrirá y creará un widget con tu shortcode. Coloque el widget donde desee, en una barra lateral, pie de página u otra ubicación de widget.
Muy bien, eso concluye nuestro tutorial sobre el uso de un poderoso complemento como YouTube Feed Pro para incrustar videos en WordPress. Como prometimos, ahora veremos cómo agregar video sin un complemento.
Cómo agregar video a WordPress sin un complemento
Ahora, tal vez tenga videos alojados en otro servicio además de YouTube. Todavía puede incrustar fácilmente esos videos en su sitio de WordPress.
Le mostraremos dos formas de incrustar videos en WordPress sin un complemento. Un método usa el editor de bloques de WordPress, el otro funciona para el editor clásico.
Desafortunadamente, estos métodos realmente solo funcionan para agregar videos individuales. Por lo tanto, si desea un tipo de visualización de galería o carrusel, o desea mostrar varios videos, listas de reproducción, etc., deberá seguir con un complemento.
Comencemos con el método de bloque….
Método 2: Cómo incrustar un video con bloques de WordPress
¿Utiliza el editor de bloques Gutenberg de WordPress en la pantalla de edición de su página? Si es así, tenemos una solución súper simple para incrustar contenido de video usando bloques.
Primero, abrirá un video en YouTube u otro servicio que desee insertar en su sitio. Luego haga clic en el botón Compartir . Así es como se ve en YouTube:
Se abre el cuadro de diálogo Compartir, con un vínculo para compartir del video. Copie ese enlace haciendo clic en el botón Copiar .
Ahora, abra una página o publicación en WordPress y coloque el cursor donde desea incrustar su video.
Aunque primero puede seleccionar un tipo de bloque, también puede simplemente pegar el enlace en el bloque de párrafo predeterminado. Si WordPress admite el servicio de video, cambiará el tipo de bloque automáticamente.
Así es como se ve el enlace para compartir en Vimeo:
Después de pegar este enlace en el editor de bloques de WordPress, si aparece el video, ¡eso es todo lo que tiene que hacer!
Si el video no se muestra, es posible que WordPress no admita el servicio de video donde copió su enlace. Aquí hay una muestra de los bloques <embed> disponibles en WordPress.
Como puede ver, hay varias plataformas de video compatibles, incluidas YouTube, Vimeo, Animoto y más. También hay un bloque de inserción genérico que puede usar si su plataforma no es compatible de forma nativa.
Si desea incrustar su video en WordPress usando su bloque nativo, simplemente busque el nombre de su plataforma de video. Agregue el bloque a su página de WordPress, luego pegue la URL de su video en el campo proporcionado. Aquí está el bloque de Vimeo en el editor de páginas de WordPress:
Eso es todo lo que hay que hacer para agregar un video en el editor de bloques de WordPress. ¡Bastante simple!
Método 3: Cómo incrustar un video en el editor clásico de WordPress
Si todavía usa el antiguo editor clásico en WordPress, aún es fácil incrustar videos. El proceso funciona ligeramente diferente, así que echemos un vistazo.
El editor clásico de WordPress tiene dos pestañas: Visual y Texto . Si está editando una página en la pestaña Visual, simplemente puede pasar el enlace URL para compartir videos desde su servicio, si es compatible con WordPress.
Entonces, la pestaña Visual básicamente funciona como el editor de bloques. Pegue el enlace URL de su video en la página y WordPress configurará el video automáticamente.
Sin embargo, si desea agregar un video usando la pestaña Texto, no puede usar el enlace URL. Deberá obtener el código de inserción de su servicio de video.
En Vimeo, está en el cuadro Insertar , como se ve en nuestra captura de arriba. Simplemente copie este código y péguelo en el código HTML dentro de la pestaña Texto en WordPress.
En YouTube, deberá hacer clic en el botón Insertar en el cuadro de diálogo Compartir.
Luego, verá el código que necesita copiar para incrustar el video en WordPress.
Pegue su código en la ubicación donde desea que aparezca el video y listo. ¡Guarde y obtenga una vista previa de su nuevo video incrustado!
Cómo rastrear reproducciones de video con MonsterInsights
Una vez que sus videos comiencen a atraer más tráfico a su sitio web, querrá saber exactamente cómo interactúan los usuarios con ese contenido.
Cuando usa MonsterInsights, el mejor complemento de Google Analytics para WordPress, puede ver las estadísticas de su video directamente en el tablero de WordPress. Y el complemento configura el seguimiento de video automáticamente, por lo que no tiene que preocuparse por agregar códigos o etiquetas personalizados a su sitio web.
MonsterInsights es compatible con el seguimiento de videos de YouTube, Vimeo y HTML5 en WordPress.
Para obtener las funciones avanzadas de seguimiento de video, necesitará un plan MonsterInsights Plus o superior.
Después de instalar el complemento MonsterInsights, puede activar el complemento de medios para acceder al informe de medios. Luego, para ver las estadísticas de reproducción de su video en MonsterInsights, vaya a Insights » Reports y haga clic en la pestaña Media .
Aquí, verá un gráfico que muestra su volumen diario de todas las reproducciones de video. Debajo de eso, obtienes una lista de videos individuales y cuántas veces se reprodujo cada uno, junto con estas estadísticas de video avanzadas:
- Tiempo promedio de reproducción en minutos
- El porcentaje promedio de video visto
- ¿Qué porcentaje de espectadores completaron todo el video?
Estos datos pueden ayudarlo de varias maneras. Es posible que desee cambiar los videos con un porcentaje promedio de reproducciones y tasas de finalización bajos para obtener videos con un mejor rendimiento.
O bien, si los espectadores abandonan antes de tiempo, descubra qué hay en su contenido de video que no satisface las necesidades de los espectadores. Ahora tiene datos duros para ver cuándo los espectadores pierden interés y dejan de participar.
Por supuesto, MonsterInsights le brinda todas las métricas y los datos analíticos que necesita de Google Analytics, no solo el seguimiento de video.
Y eso concluye nuestro tutorial sobre cómo incrustar videos en WordPress. Si le gustó este artículo, quizás desee leer esta guía para el seguimiento de conversiones en Google Analytics.
¿Aún no usas MonsterInsights? ¿Que estas esperando?
No olvide seguirnos en Twitter, Facebook y YouTube para obtener más consejos y herramientas de Google Analytics.