Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Incrustar un archivo de medios externos

Última actualización: abril 23, 2021

Requisitos

Marketing Hub  Professional, Enterprise
Service Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Puedes incrustar archivos de medios externos, como un video de YouTube, en un módulo de texto enriquecido en tus páginas, publicaciones de blog y artículos de la base de conocimientos. Los videos también pueden estar incrustados en el módulo de video en áreas de arrastrar y soltar de páginas o el editor de correo electrónico arrastrar y soltar

Para hacer seguimiento a las interacciones con un video, descubre cómo agregar videos de HubSpot a tu contenido.

Tipos de medios admitidos

La característica de incrustación admite URL en formato oEmbed, que es común para la mayoría de los tipos de medios. Las plataformas que usan el formato oEmbed incluyen YouTube, Spotify y Vimeo. Para una lista completa de proveedores de medios de comunicación compatibles, consulta la documentación de oEmbed.

Los archivos de medios con seguridad adicional, como un video privado de YouTube, no son compatibles.

Incrustar un archivo de medios de comunicación externo en un módulo de texto enriquecido

Nota: los archivos de medios externos no se pueden incrustar en módulos de texto enriquecido en correos electrónicos de marketing. 


Puedes incrustar un archivo de medios en un módulo de texto enriquecido pegando la URL directamente en el editor de texto enriquecido. Si ves un mensaje de error al agregar la URL de tu archivo de medios, HubSpot recomienda insertar el código de incrustación. 

Incrustar un archivo de medios externo con una URL

  • En tu cuenta de HubSpot, navega a páginas de sitio web, páginas de destino, blog o base de conocimientos.
  • Coloca el cursor sobre tu página, publicación o artículo, luego haz clic en Editar.
  • En el editor de contenido, haz clic en el módulo de texto enriquecido.
  • Pega la URL del archivo de medios en el módulo de texto enriquecido. La vista preliminar del archivo de medios se debe llenar automáticamente.

Incrustar un archivo de medios externos con un código incrustado

  • En tu cuenta de HubSpot, navega a páginas de sitio web, páginas de destino, blog o base de conocimientos.
  • Coloca el cursor sobre tu página, publicación o artículo, luego haz clic en Editar.
  • En el editor de contenido, haz clic en el módulo de texto enriquecido.
  • En la barra de herramientas de texto enriquecido, haz clic en el menú desplegable Insertar y seleccionaIncrustar.
  • En el cuadro de diálogo, escribe el código de incrustación de los archivos de medios externos. Se mostrará una vista preliminar de tu archivo.
  • Haz clic en Insertar.

Dar formato a un archivo de medios externo 

  • En tu cuenta de HubSpot, navega a páginas de sitio web, páginas de destino, blog o base de conocimientos.
  • Coloca el cursor sobre tu página, publicación o artículo, luego haz clic en Editar.
  • En el editor de contenido, haz clic en el módulo de texto enriquecido.
  • Haz clic en el archivo incrustado.
  • Edita la posición, las dimensiones y el espaciado de tu archivo de medios en la barra de herramientas. 
    • Para cambiar el tamaño de tu video, escribe valores de píxel para el ancho y el alto.
    • Para ajustar la posición de tu archivo de medios dentro de un bloque de texto, haz clic en los inline íconos de alineación.
    • Para hacer que tu video sea adaptable, haz clic en el fullWidthicono de ancho completo. El video ocupará todo el ancho del dispositivo en el que se está viendo.

Nota: los archivos de medios incrustados con una etiqueta <script> no son compatibles con el ancho completo porque generan contenido dinámico.

edit-your-embedded-video
  • Para editar opciones avanzadas para tu archivo de medios, haz clic en el edit icono editar.
    • Los desarrolladores pueden editar el estilo y el comportamiento de un video incrustado en el campo de texto Código de incrustación
    • Para activar la carga diferida de tu video, haz clic en el menú desplegable Carga diferida y selecciona Diferido. Esto garantiza que tu archivo de medios no se cargue hasta que un visitante se desplace hasta él. La carga diferida está desactivada por opción predeterminada. 

edit-embed-code-1

Reemplazar un archivo de medios externos

Si necesitas reemplazar un archivo de medios externo incrustado, elimina el archivo original y luego incrusta la URL del nuevo archivo: 

Incrustar un video externo en un módulo de video 

También puedes incrustar un video externo en tu página o un correo electrónico de marketing con un módulo de video. Este módulo solo está disponible en el área de arrastrar y soltar de páginas y el editor de correo electrónico de marketing de arrastrar y soltar

Incrustar un video externo en un módulo de video en un correo electrónico

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • 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 el editor de contenido, haz clic en el módulo de video para editar estas opciones
  • En Tipo de video, selecciona Incrustar.
  • Introduce la URL del video.
embed-your-video-in-an-email
  • Edita las dimensiones, la imagen en miniatura y el posicionamiento de tu video en el editor de la barra lateral izquierda: 
    • Introduce un ancho o una altura para cambiar el tamaño del video. 
    • Para personalizar la imagen miniatura del video, haz clic en Cargar imágenes para agregar una imagen de tu computadora o haz clic en Buscar imágenes para seleccionar una imagen de tu herramienta de archivos.
    • Para asegurarte de que tu video aparezca en el ancho completo en dispositivos móviles, selecciona la casilla de comprobació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 en los lados de tu video, haz clic para activar el interruptor RellenoIntroduce los valores del píxel para agregar en los campos de texto Superior, Inferior, Izquierdo y Derecho o selecciona la casilla de comprobación Aplicar a todos los lados para aplicar la misma relleno a todos los lados del video.
  •  

add-padding-to-video-module

Incrustar un video externo en un módulo de video en una página

Nota: el módulo de video solo se puede agregar a páginas con un área de arrastrar y soltar.

  • En tu cuenta de HubSpot, navega a Marketing > Páginas del sitio web o Páginas de destino.
  • Coloca el cursor sobre tu página y haz clic en Editar.
  • En el editor de la barra lateral, haz clic en el módulo Video y arrástralo a tu página.
  • En el editor de contenido, haz clic en el módulo de video para editar estas opciones
  • En la sección Tipo de Video del editor de la barra lateral, selecciona Incrustar.
  • Introduce la URL del video.

embed-external-video

  • Selecciona si el tamaño del video cambiará en diferentes dispositivos:
    • Ajustar automáticamente: el video se ajustará según el navegador y el tamaño del dispositivo.
    • Ancho y alto exactos: tus medios de comunicación siempre serán de este tamaño exacto en todos los dispositivos.
  • Si configuraste tu video para ser adaptable, selecciona su tamaño máximo
    • 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 en pixeles para las dimensiones en los cuadros texto Ancho y Altura.
  • Para personalizar la imagen de miniatura de tu video, haz clic en Cargar para seleccionar un nuevo archivo de tu equipo o haz clic en Explorar imágenes para seleccionar una imagen de tu herramienta de archivos.

adjust-video-size


  • Haz clic en Aplicar cambios.