BetaInserta videos alojados en HubSpot en tu sitio externo o correos electrónicos

Inserta videos alojados en HubSpot desde la herramienta de video en tu sitio web alojado externamente, como WordPress, o correos electrónicos alojados externamente, como Gmail. A continuación, realiza un seguimiento de las visualizaciones, las guías y los eventos de interacción en todas las plataformas directamente desde HubSpot.

Comprender las limitaciones y los requisitos

• Para insertar un video alojado en HubSpot en una página externa o correo electrónico, las funciones Avanzadas deben estar activadas para ese video. Esto contará para el límite de videos de las funciones avanzadas. 

• Al insertar videos en páginas alojadas externamente:

  • Para realizar un seguimiento de los datos de video, debe instalar el código de seguimiento de HubSpot en su sitio web alojado externamente.

• • Cuando inserta su video, por defecto, el script de inserción de video incluirá inyección JSON-LD para beneficios SEO, usando una <script> etiqueta.

Copie y utilice su código de inserción en sitios externos

1. En tu cuenta de HubSpot, ve a Contenido > Video.​
2. Busca y selecciona el nombre del archivo de vídeo. Accederás a la página de detalles del video.
3. En la parte superior derecha, haz clic en Insertar. Si no se ha activado la configuración de funciones avanzadas para el video, esto no aparecerá. 

4. En el cuadro de diálogo, configure el formato para compartir: 
   • Tamaño: seleccione si el video insertado debe ser responsivo o tener un tamaño de video fijo. Por defecto, la opción se establecerá en Responsive, que ajustará automáticamente el tamaño del video en función del ancho de la página.
   • Bucle: reinicia automáticamente el video y lo guía continuamente en un bucle.
   • Silenciar por defecto: silencia el video por defecto. Los visitantes tendrán que hacer clic para activar el audio.
   • Autoplay: guía automática del video cuando se carga la página.
   • Controles visibles: mostrar una barra de control al visitante. Por defecto, esta opción está activada. 
   • Color del botón de reproducción: utilice el selector de color para establecer un color para el botón de reproducción del video. 
   • Incluir metadatos SEO:active esta opción para incluir metadatos de video en la página para que los motores de búsqueda indexen el video.
5. Después de configurar los ajustes del video, en la parte inferior izquierda, haz clic en Copiar código de inserción. El código de inserción del video se copiará automáticamente en el portapapeles de tu dispositivo. 

6. Navega hasta el sistema de gestión de contenidos (CMS) de tu sitio web externo.
7. Pega el código para insertar el video en el HTML de tu página que no sea de HubSpot, donde quieras que aparezca el video. Existen recomendaciones adicionales para lo siguiente:
   • WordPress: se recomienda utilizar un bloque HTML personalizado para insertar el código de vídeo de HubSpot en las páginas y entradas de blog de WordPress. Más información sobre cómo insertar contenido en WordPress.
   • Shopify:se recomienda insertar el código de incrustación del video seleccionando la opción Añadir texto enriquecido de video o modificando el HTML de la página directamente a través del editor de código en línea. Si requiere un caso práctico más complejo, puede insertar su HTML a una plantilla Custom Liquid como parte de su tema Shopify. Más información sobre el uso de plantillas en Shopify.

6. Previsualiza tu video en la página web para comprobar cómo se ve cuando está en directo. El video debe mostrarse con un diseño responsivo que se ajuste automáticamente al ancho de la página. Si el video no se muestra correctamente, compruebe que su CMS externo no ha alterado el código que ha copiado.
7. Cuando hayas terminado, publica tu página.

Copie y utilice su código de inserción en correos electrónicos alojados externamente

1. En tu cuenta de HubSpot, ve a Contenido > Video.​
2. Busca y selecciona el nombre del archivo de vídeo. Accederás a la página de detalles del video.
3. En la parte superior derecha, haz clic en el icono de compartir. Si no se ha activado la configuración de funciones avanzadas para el video, esto no aparecerá.
   
   

4. En el cuadro de diálogo, haga clic en la pestaña Correo electrónico .
5. Configura los ajustes de video: 
   • Tamaño: introduce un tamaño para la imagen de previsualización de tu video. 
   • Dominio: seleccione un dominio para la URL de su video enlazado. Obtén más información sobre cómo conectar dominios a tu cuenta de HubSpot.
6. Después de configurar los ajustes del video, en la parte inferior izquierda, haga clic en Copiar código de inserción. El código de inserción del video se copiará automáticamente en el portapapeles de tu dispositivo.
   

7. Vaya a su host de correo electrónico externo.
8. Pega el código para insertar el video en el HTML de tu correo electrónico, donde quieras que aparezca el video. Esto puede variar en función de su proveedor de correo electrónico.