Añadir vídeos al contenido de HubSpot

Sube vídeos a la herramienta de archivos , y luego añádelos a páginas, correos electrónicos de marketing, entradas de blog y artículos de la base de conocimientos. 

También puedes insertar vídeos de HubSpot utilizando el módulo de video en CTAs, arrastrar y soltar correos de marketing, y arrastrar y soltar áreas en las páginas. Los videos también son compatibles con módulos de texto enriquecido en páginas, publicaciones de blog y artículos de la base de conocimientos. 

Cuando se utilice el video de HubSpot, puedes agregar una CTA o un formulario antes o después de que se reproduzca el video. Si tienes una cuenta con suscripción a Enterprise puedes mostrar la CTA o el formulario en cualquier momento del video y evitar que los visitantes se lo salten.

Nota: este artículo trata sobre el uso de videos en páginas, publicaciones, artículos y correos electrónicos de marketing. Más información sobre añadiendo vídeos a las conversaciones, correos electrónicos individuales, plantillas y secuencias de correos electrónicos. 

Antes de comenzar

• Este artículo cubre cómo agregar archivos de video cargados a HubSpot a tu contenido de HubSpot. Para añadir un vídeo externo desde una URL o un código de inserción, obtén más información sobre cómo insertar medios externos en HubSpot.
  
• Cada navegador admite distintos tipos de archivos y en algunos casos, descargará el archivo de video en lugar de reproducirlo en el navegador. Los videos cargados como archivos .mp4 son compatibles en la mayoría de los navegadores y se reproducirán en el navegador.
• Cada vídeo está sujeto a los límites de de la herramienta de archivos.
• Para aumentar la accesibilidad de tu sitio, puedas agregar texto alternativo a los videos en la herramienta de archivos. Obtenga más información sobre la accesibilidad de los sitios web en nuestra documentación para desarrolladores. 
• Para cada video de la herramienta de archivos, puedes activar o desactivar funciones avanzadas.
  • Los archivos de video nuevos que se carguen dentro del editor de contenido tendrán características avanzadas activadas automáticamente.
  • Puedes agregar capacidad adicional para videos con características avanzadas con el complemento de aumento del límite de video. 
  • A continuación se describen las diferencias entre los videos con las características avanzadas activadas y desactivadas.

Agregar videos a correos electrónicos

El vídeo de HubSpot es compatible con el módulo de vídeo del editor de correo electrónico de arrastrar y soltar . Dado que el video no es compatible con la mayoría de los clientes de correo electrónico, los videos agregados a tus correos electrónicos de marketing aparecerán como una imagen miniatura con un botón de video.

Esta imagen miniatura se enlazará con una página web donde tu destinatario de correo electrónico podrá ver tu video, que se alojará en el dominio principal para versiones web de correos electrónicos. 

• En tu cuenta de HubSpot, dirígete a Marketing > Correos de marketing.
• Haz clic en el nombre del correo electrónico.
• En el editor de la barra lateral, haz clic en el módulo Video y arrástralo a tu correo electrónico.
• En la sección Tipo de video, selecciona Video de HubSpot.
  
  

• • Para seleccionar un vídeo de la herramienta de archivos  , haz clic en Examinar vídeos y selecciona la imagen en miniatura de un vídeo existente.
  • Para cargar un video nuevo, haz clic en Cargar y selecciona un archivo desde tu equipo. Luego haz clic en la imagen de miniatura del video.
• Para cambiar el tamaño de tu video, en la barra lateral del editor, escribe un ancho o una altura. 
• Para personalizar la información de tu video, en la sección Detalles del video, haz clic en Editar.  
  • En el panel derecho, haz clic en Cambiar imagen en miniatura para cambiar la imagen de vista preliminar de tu video.
  • Haz clic en el control deslizante y arrástralo a un punto específico del video o haz clic en Cargar imagen personalizada para agregar una nueva imagen desde tu equipo.
  • Introduce un texto de título, una descripción y metaetiquetas. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.
  • Haz clic en Guardar.

Nota: los cambios realizados en los detalles de tu video se aplicarán en cualquier parte del video que sea utilizada en las herramientas de contenido de HubSpot.

• Para editar la apariencia del botón de reproducción del video, haz clic en Opciones de estilo.
  • Para personalizar el botón de reproducción del video, introduce un valor hexadecimal o haz clic en el selector de color para seleccionar un color.
  • Para personalizar el tamaño del botón de reproducción, ingresa un valor de píxel o haz clic en el control deslizante y arrástralo a una nueva posición. La vista preliminar del botón de reproducción puede tardar unos segundos para actualizar. 
     

• Para asegurarte de que tu video aparezca en el ancho completo en dispositivos móviles, selecciona la casilla de verificación Mostrar como ancho máximo en dispositivos móviles. Los videos nunca se mostrarán en un ancho mayor que sus dimensiones originales.  

• Para mover el video a la derecha o a la izquierda, haz clic en el menú desplegable Alineación y selecciona Izquierda, Centro o Derecha.
• Para agregar espacio a los lados de tu video, haz clic para activar el interruptor Relleno.  
  • Selecciona la casilla de verificación Aplicar a todos los lados para aplicar el mismo relleno a todos los lados del video.
  • Introduce los valores del píxel para el relleno en los campos de texto Superior, Inferior, Izquierdo o Derecho.
     

Agregar videos a páginas, publicaciones de blog y artículos de la base de conocimientos

Los videos pueden agregarse a publicaciones de blog, páginas y artículos de la base de conocimientos en módulos de texto enriquecido. Las áreas de arrastrar y soltar de las páginas también admiten añadir vídeos a los módulos de vídeo. 

Insertar un video en un módulo de texto enriquecido en una página, publicación de blog o artículo de la base de conocimiento 

Los videos de HubSpot se pueden agregar a módulos de texto enriquecido junto con texto, imágenes, enlaces u otros contenidos. 

• Ve al contenido en el que quieres añadir el enlace:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
  • Blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
  • Base de conocimientos: En tu cuenta de HubSpot, dirígete a Contenido > Base de conocimientos.

• Haz clic en el nombre de tu contenido. 
• En el editor de contenido, haz clic en el módulo de texto enriquecido.
• Haz clic en el menú desplegable Insertar y luego selecciona Video > Video de HubSpot.
• En el panel derecho, selecciona un video para insertar:
  • Para insertar un vídeo existente desde la herramienta de archivos , puedes utilizar la barra de búsqueda para buscar el vídeo. Luego haz clic en la imagen de miniatura del video.
  • Para insertar un video nuevo, haz clic en Cargar videos y selecciona un video de tu equipo. Luego, haz clic en la imagen de miniatura del video.
    .

• Para editar el color del botón de reproducción del video, haz clic en el menú desplegable backgroundColor color del reproductor y selecciona un color. Para introducir un valor hexadecimal o valor de color RGB, navega a la pestaña Avanzado. 
• Para ajustar la posición de tu video dentro de un bloque de texto, haz clic en los inline alignmental íconos de alineación. Haz clic en el ícono de ancho completo fullWidth para garantizar que tu video aparezca en el ancho completo de dispositivos móviles. 
• Para cambiar el tamaño de tu video, escribe valores de píxel para el ancho y el alto.  
• Para editar el relleno alrededor de tu video, haz clic en el menú desplegable Espaciado e introduce valores de píxel alrededor de los bordes del icono de imagen.
   

Nota: no añada un botón CTA que enlace a un CTA emergente. Tu vídeo no se reproducirá.

• En el editor de contenido, haz clic en tu video y luego haz clic en el edit ícono editar.
• En el cuadro emergente, haz clic en el menú desplegable CTA o formulario y selecciona Llamado a la acción o Formulario.
• Puedes agregar una CTA incrustada o una CTA preexistente a tu video. Para insertar una CTA: 
  • En Llamada a la acción, haz clic en Seleccionar CTA.
  • Selecciona la pestaña CTA o CTA (preexistentes) . 
  • Para crear una nueva CTA, haz clic en Crear nueva en el panel derecho. A continuación, crea tu CTA o CTA (preexistentes) y haz clic en Guardar. 
  • En el panel derecho, selecciona una CTA recién creada o una CTA existente y luego haz clic en Insertar. 
•  Para insertar una formulario:
  • Haz clic en el menú desplegable Formulario y selecciona un formulario. 
  • Para crear un nuevo formulario o editar uno existente antes de seleccionarlo, haz clic en Crear o editar. Esto abrirá la herramienta de formularios en una nueva pestaña. 
• Por opción predeterminada, la superposición aparecerá cuando termine el video. Si no tienes una suscripción Enterprise, selecciona una hora de presentación para tu superposición.
  • Antes de que comience el video: muestra tu formulario o CTA antes de que comience la reproducción del video.
  • Después de que termine el video: muestra tu formulario o CTA justo después de que tu video termine de reproducirse. 
     

• Si tienes una suscripción a Enterprise , puedes personalizar exactamente cuándo aparece la superposición: 
  • En la sección Opciones de presentación del cuadro emergente, haz clic en Editar. 
     

• • • En el panel derecho, haz clic en el menú desplegable Tiempo de muestra y selecciona una opción de tiempo. Si seleccionaste un tiempo personalizado, puedes especificar el tiempo haciendo clic en el círculo situado debajo del video y arrastrándolo hasta la posición correcta o introduciendo un tiempo en el campo Tiempo de muestra seleccionado.  

• • • Para impedir que los visitantes omitan la superposición, haz clic en el menú desplegable Opción de omitir y selecciona No permitir que los visitantes omitan [tipo de recurso]. Por opción predeterminada, los visitantes podrán omitir la superposición. 
       

Insertar un video en un módulo de video en una página

El vídeo de HubSpot es compatible con el módulo de vídeo añadido a un área de arrastrar y soltar en un sitio web o página de destino. 

• Ve al contenido en el que quieres añadir el enlace:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
• Haz clic en el nombre de tu contenido. 
• En la barra lateral izquierda, haz clic en el icono add Agregar.
• Haz clic para ampliar la sección Medios , luego haz clic en + Mostrar más para ver todos los módulos de medios.
• Haz clic en el módulo Video y arrástralo hacia tu página.
  
  

• En el editor de la barra lateral, en el Tipo de video, selecciona video de HubSpot.
• Seleccionar un archivo de video para agregar a tu página:
  
  • Para seleccionar un vídeo de la herramienta de archivos  , haz clic en Examinar vídeos y selecciona la imagen en miniatura de un vídeo existente.
  • Para cargar un video nuevo, haz clic en Cargar y selecciona un archivo desde tu equipo. 
• Para establecer el tamaño máximo al que puede escalarse el vídeo, haz clic en el menú desplegable Tamaño máximo y selecciona una opción:
  • Tamaño original: el video no se mostrará más grande que su tamaño original.
  • Ancho completo: el video ocupará todo el ancho del dispositivo en el que se está viendo.
  • Personalizado: el video no excederá un ancho y alto específicos establecidos en el editor de la barra lateral. Introduce valores de píxeles para sus dimensiones en las casillas Ancho máximo y Alto máximo. 

• En la sección Detalles del video, haz clic en Editar para personalizar la información del video:

• • En el panel derecho, haz clic en Cambiar imagen (afiche) en miniatura para cambiar la imagen de previsualización de tu video.
  • Para utilizar un fotograma del video, haz clic en el control deslizante y arrástralo hasta un punto concreto del video, y luego haz clic en Actualizar con el fotograma en [marca de tiempo]. 
  • Para utilizar una imagen personalizada, haz clic en Seleccionar desde Archivos, y luego haz clic en la imagen que quieras utilizar en la herramienta Archivos. Para agregar una nueva imagen, haz clic en Cargar imágenes y selecciona un archivo de tu equipo.

• • Introduce un texto de título, una descripción y metaetiquetas. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.
  • Haz clic en Guardar.

Nota: los cambios realizados en los detalles de tu video se aplicarán en cualquier parte del video que sea utilizada en las herramientas de contenido de HubSpot.

• En la sección CTA o formulario, puedes agregar un formulario o CTA para superponer a tu video: 
  • Haz clic para ampliar la sección CTA o formulario . 
  • Haz clic en el menú desplegable CTA o formulario y selecciona un tipo de superposición. 
  • Para insertar un formulario, haz clic en el menú desplegable Formulario y selecciona un formulario, o haz clic en Crear nuevo para crear un nuevo formulario en la herramienta de formularios. 
  • Puedes agregar una CTA incrustada o una CTA preexistente a tu video. Para insertar una CTA: 

• • • En Llamada a la acción, haz clic en Seleccionar CTA.
    • Selecciona la pestaña CTA o CTA (preexistentes) . 
    • Para crear una nueva CTA, haz clic en Crear nueva en el panel derecho. A continuación, crea tu CTA o CTA (preexistentes) y haz clic en Guardar. 
    • En el panel derecho, selecciona una CTA recién creada o una CTA existente y luego haz clic en Insertar. 

• Si no tienes una suscripción de Enterprise, selecciona un tiempo de muestra para la superposición.
  • Antes de que comience el video: muestra tu formulario o CTA antes de que comience la reproducción del video.
  • Después de que termine el video: muestra tu formulario o CTA justo después de que tu video termine de reproducirse. 
     

• • Si tienes una suscripción a Enterprise , puedes personalizar exactamente cuándo aparece la superposición: 
    • En la sección Opciones de visualización del cuadro emergente, haga clic en Editar. 

• • • En el panel derecho, haz clic en el menú desplegable Tiempo de muestra y selecciona un tiempo. Si seleccionas un tiempo personalizado, puedes especificar la hora haciendo clic en el círculo situado debajo del video y arrastrándolo hasta la posición correcta, o introduciendo un tiempo en el campo Tiempo de muestra seleccionado.  

• • • Para evitar que los visitantes se salten la superposición, haz clic en el menú desplegable Opción de omitir y selecciona No permitir que los visitantes se salten el formulario/CTA. Por opción predeterminada, los visitantes podrán omitir la superposición. 
       
      
      

• Para editar las opciones de reproducción de tu video, haz clic en Avanzado, luego selecciona las casillas de verificación Repetir video, Silenciar por opción predeterminada, Reproducción automática y/u Ocultar controles. Cuando utilices la opción Reproducción automática, se recomienda encarecidamente seleccionar también la opción Silenciar por defecto para cumplir las restricciones del navegador. Generalmente, los vídeos con sonido se silenciarán o se bloqueará su reproducción automáticamente. 
  • Google Chrome: los vídeos de reproducción automática deben estar silenciados. Se permite que los vídeos visitados con frecuencia por el espectador se reproduzcan automáticamente con sonido. Más información sobre El sistema de puntuación de Google.
  • Safari: los vídeos de reproducción automática deben estar silenciados. Vos usuarios pueden elegir bloquear o permitir la reproducción automática sin silenciar para dominios específicos en su configuración. Más información sobre la gestión de los vídeos de reproducción automática de en Safari.
  • Mozilla Firefox: los vídeos de reproducción automática deben estar silenciados. Los espectadores pueden elegir bloquear o permitir la reproducción automática sin silenciar para dominios específicos en su configuración. Más información sobre cómo gestionar los vídeos de reproducción automática de en Firefox.
• Para editar el color del botón de reproducción, haz clic en Opciones de estilos, e introduce un valor hexadecimal, o haz clic en el selector de colores y selecciona un color.

Agregar subtítulos a los videos

En la herramienta de archivos, puedes añadir subtítulos en varios idiomas a los vídeos con las funciones avanzadas activadas. Esto hará que tus videos sean más accesibles para los visitantes que no puedan oír el audio o hablen otro idioma. 

• Los subtítulos deben estar preparados en un archivo .vtt  antes de iniciar este proceso.
• Puedes agregar hasta 6 subtítulos por video.
• Cada idioma solo puede seleccionarse una vez. Por ejemplo, no puedes tener dos subtítulos diferentes en francés.  

Para agregar subtítulos a un archivo de video: 

• En tu cuenta de HubSpot, navega a En tu cuenta de HubSpot, dirígete a Biblioteca > Archivos..
• Clic en el nombre  del vídeo al que quieras añadir subtítulos. 
• En el panel derecho, haz clic para ampliar la sección Subtítulos.  
• Haz clic en + Agregar idioma nuevo.
   

• En el cuadro de diálogo, haz clic en el menú desplegable Idioma de los subtítulos y selecciona un idioma. 
• Haz clic en Seleccionar un archivo, luego sube tu archivo de subtítulos .vtt a HubSpot. 
• Haz clic en Guardar. El idioma del nuevo subtítulo aparecerá en los detalles de tu archivo. Puedes ver, reemplazar o eliminar este subtítulo:
  • Para ver el contenido del archivo de un subtítulos, haz clic en Ver. 
  • Para reemplazar un archivo de subtítulos para un idioma específico, haz clic en Reemplazar.
  • Para eliminar un subtítulo de un idioma específico, haz clic en Eliminar. 
• Para agregar otro subtítulo, haz clic en + Agregar idioma nuevo.
   

Analizar el rendimiento de los videos (solo páginas, publicaciones de blog y artículos de la base de conocimientos)

Después de agregar un video a tu página de HubSpot, publicación de blog o artículo de conocimiento, puedes analizar el rendimiento del video a través de métricas, como el recuento de vistas y la retención de videos. Consulta estas métricas en la página de detalles del contenido, en informes personalizados y en cronologías de contactos.  También puede filtrar las interacciones de los medios en listas y workflows.

Nota: el análisis del rendimiento de los videos sólo está disponible para los videos de HubSpot. Los archivos de vídeo externos insertados con una URL o un código de inserción no generarán análisis en HubSpot.

Vistas de video en el rendimiento de la página 

• Ve al contenido en el que quieres añadir el enlace:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
  • Blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
  • Base de conocimientos: En tu cuenta de HubSpot, dirígete a Contenido > Base de conocimientos.

• Haz clic en el nombre de una publicación, página o artículo para ver los detalles del Rendimiento.
• Si hay más de un video de HubSpot en la página, en la parte superior izquierda, haz clic en el menú desplegable Video y selecciona un video. 
• Si estás ejecutando una prueba A/B en la página, en la parte superior de la pestaña Rendimiento, haz clic en el menú desplegable Variante y selecciona una variante. Las visualizaciones de video no aparecerán en las páginas sometidas a pruebas A/B que no tengan seleccionada una variante. 

• Analizar el rendimiento del video: 
  • Vistas de video: el número de veces que tu video se cargó en tu página en el navegador de un visitante.
    
    
  • Retención de video: una medida de las partes del contenido de tu video que se reprodujeron.
    
    

Vistas de video en un registro de contacto

Para ver las vistas de video en un registro de contacto:

• En tu cuenta de HubSpot, dirígete a CRM > Contactos.
• Haz clic en el nombre de un contacto.
• Para filtrar la actividad del contacto por visualizaciones de video, haz clic en la pestaña Actividades. A continuación, haz clic en Filtrar actividad y selecciona la casilla de verificación Reproducción de elementos multimedia.

Reproducciones de videos en informes personalizados (solo Marketing Hub Pro y Enterprise)

Utilizando el generador de informes personalizados  , puedes crear informes para analizar las reproducciones de vídeo:

• En tu cuenta de HubSpot, haz clic en Informes > Informes.
• Haz clic en Generador de informes personalizados.
• Para usar eventos de comportamiento personalizados como fuente principal de datos, haz clic en el menú desplegable Fuente de datos principales y luego selecciona Elementos multimedia. 
  
  
• Si quieres usar los elementos multimedia como fuente no principal, puedes seleccionar Elementos multimedia de Marketing.
   
  
• Continúa construyendo tu informe. 

Reproducciones de video en los informes de atribución (solo Marketing Hub Enterprise)

Por defecto, las reproducciones de vídeo se incluirán en los informes de atribución de ingresos de . Si se ha apagado este ajuste, los usuarios con permisos de acceso a la cuenta pueden volver a encender esta fuente de datos en la configuración:

• En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
• En el menú de la barra lateral izquierda, haz clic en Seguimiento y analíticas > Atribución. Este ajuste sólo aparecerá para los usuarios con permisos de acceso a la cuenta .
• En la sección Tipos de interacción, haz clic para activar el interruptor Reproducción de elementos multimedia.
• Haz clic en Guardar.
• En el cuadro de diálogo, revisa el cambio y luego haz clic en Guarda e iniciar reprocesamiento.

Tus informes existentes comenzarán a reprocesarse para incluir la reproducción de videos. Esto puede tardar hasta dos días, según la cantidad de datos en tu cuenta de HubSpot. HubSpot te enviará una confirmación de correo electrónico una vez que tus informes se hayan terminado de reprocesar.