Si ves el mensaje “... rechazó la conexión”:
Cuando quieres usar el complemento de Embeber Página o Webview dentro de tu sitio web, a continuación te explicamos los motivos y te ayudamos para que lo puedas configurar.
Primero distinguir entre 2 escenarios:
1) URL del mismo dominio
Por ejemplo, si tenemos el bot dentro de nuestro sitio: “https://www.aivo.co/”, e ingresamos dentro del complemento la URL “https://www.aivo.co/conversational-ai”, la misma va a funcionar correctamente.
2) URL de otro dominio
Continuando con el ejemplo del punto 1), si dentro del complemento se ingresa una URL de otro dominio, https://aivovideos.co/example1 el funcionamiento va a depender de la configuración de dicho sitio.
Ahora, haciendo foco en el escenario 2), un problema común es que no funcionen los videos de youtube. Te explicamos como hacer para que funcione.
* Forma incorrecta de configurar el video de Youtube:
* Forma correcta de configurar el video de Youtube:
El resultado de ambos casos se puede ver en este video:
Por último, en caso que necesites ingresar una URL de tu propiedad, pero que esté en un dominio diferente al sitio en el cual está el bot, te dejamos algunas posibles soluciones que van a depender de las características de tu sitio web.
Es posible que necesites soporte de tu equipo técnico.
Configuración de un sitio web propio para habilitar el Embed
El problema principal viene debido al encabezado de respuesta HTTP X-Frame-Options el cual puede ser usado para indicar si debería permitirsele a un navegador renderizar una página en un <frame> <iframe> ó <object>.
Configuraciones disponibles:
* DENY: La página no puede ser mostrada en un marco, independiente del sitio que esté intentándolo.
* SAMEORIGIN: La página sólo puede ser mostrada en un marco del mismo origen que dicha página.
* ALLOW-FROM uri: La página sólo puede ser mostrada en un marco del origen especificado.
Para solucionar este problema puede utilizar alguna de las siguientes opciones, agregando al sitio al cual se desea embeber o agregar al iframe.
1. Configuración Apache
* Agregue lo siguiente a la configuración de su sitio para que Apache envíe el encabezado X-Frame-Options para todas las páginas:
Header always append X-Frame-Options SAMEORIGIN
* Para que Apache envíe el encabezado X-Frame-Options para permitir (ALLOW-FROM) un host en específico, agregue esto a la configuración de su sitio:
Header set X-Frame-Options "ALLOW-FROM https://example.com/"
2. Configuración de nginx
Para configurar nginx a que envíe el encabezado X-Frame-Options , agregue esto a la configuración, ya sea http, server o location:
* add_header X-Frame-Options SAMEORIGIN;
3. Configuración ISS
Para hacer que IIS envíe el encabezado X-Frame-Options, agregue esto al archivo Web.config de su sitio:
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="X-Frame-Options" value="SAMEORIGIN" />
</customHeaders>
</httpProtocol>
</system.webServer>
4. Configuración HAProxy
Para hacer que HAProxy envíe el encabezado X-Frame-Options, agrege lo siguiente a su configuración front-end, listen, o backend:
* rspadd X-Frame-Options:\ SAMEORIGIN