Compatibilidad Appcues

Este artículo cubre lo necesario para usar Appcues de manera efectiva, así como los conflictos comunes Appcues puede enfrentar.

Para utilizar Appcues , necesitas tres cosas:

1. Una aplicación web a la que sus usuarios pueden acceder mediante un navegador web o una aplicación móvil en un marco compatible.
2. La capacidad de instalar un fragmento de código en esa aplicación.
3. Google Chrome (para creación de contenido). No se preocupe, ofrecemos compatibilidad con una amplia gama de navegadores para sus usuarios finales (ver más abajo).

La mayoría de las aplicaciones cumplirán con estos requisitos, pero siga leyendo si tiene preguntas o inquietudes adicionales.

Conectividad de red

Tu aplicación debe ser accesible a través de internet mediante una URL. Si no estás seguro, puedes usar isUp.me para probar tu sitio. Appcues no admite la instalación local.

Compatibilidad con navegadores

Creación de flujos Appcues

Google Chrome es el único navegador compatible para crear contenido Appcues . Para crear flujos, necesitará la extensión de Chrome Appcues , que le permitirá crearlos directamente en su aplicación.

Si ya tienes la extensión de Chrome y estás listo para comenzar a crear flujos, consulta otra documentación útil.

Visualización de flujos Appcues

Nuestro SDK de Javascript está diseñado para cubrir todos los navegadores modernos, así como los navegadores heredados más populares.

• La mayoría de las versiones de Chrome, Safari, Firefox y Edge
• Internet Explorer 11

Excepciones especiales

• Las listas de verificación y los fondos slideout no son compatibles con IE11
• Los focos duros y suaves no son compatibles con Safari ni con IE11
• Las experiencias con pines no son compatibles con IE11

Soporte móvil

Puede encontrar toda la información relevante sobre nuestros requisitos para utilizar Appcues en aplicaciones móviles en nuestra documentación: Mobile SDK.

La compatibilidad del marco de aplicaciones móviles actual incluye:

• iOS nativo
• Android nativo
• React Native
• Aleteo
• Iónico

Soporte de Turbolinks

Appcues se pueden instalar en plataformas web que utilicen marcos Turbo o Turbolinks; para obtener instrucciones de implementación, consulte este documento .

Limitaciones especiales

Además de lo anterior, Appcues no funciona particularmente bien en aplicaciones web:

• Que se componen de varios iframes. ¿No sabes qué es un iframe ? ¡Aprende más aquí!
• donde la URL no cambia a medida que el usuario navega
• Construido en la plataforma Magento o construido usando Polymer o use prototipo.js
• Que son una aplicación web progresiva o una aplicación de escritorio. Encuentre más información aquí: Prueba de Appcues en una aplicación web encapsulada .
• Que tenga aplicada la propiedad CSS de zoom. Esta es una regla CSS no estándar y Appcues no puede detectar elementos que la utilicen.
• que utilizan Material UI (MUI) Seleccionar u otros menús desplegables de selección.
  • En su lugar, habilite la propiedad nativa select. De lo contrario, el componente Material UI no permitirá que el evento de clic acceda a otras bibliotecas ni funcione con ellas. Sin embargo, este comportamiento no se aplica a los elementos de Select, por lo que los eventos funcionarán correctamente en los elementos incluso sin la propiedad nativa habilitada; simplemente no funcionarán en el contenedor de Select.
• Al intentar crear un flujo o evento en un diálogo que usa APIs de captura de foco, las entradas del builder no se pueden enfocar, lo que builder inutiliza. Esto se debe a la gestión intensiva del foco de la API, que se considera una función de accesibilidad. Tenga en cuenta que configurar estas configuraciones afecta la accesibilidad de su sitio (no el contenido Appcues ), ya que el foco ya no se capturará en el diálogo en cuestión.
  • Para la API TrapFocus inestable de Material-UI, se podría anular en su sitio si configura disabledEnforceFocus como verdadero.
  • Para las propiedades emergentes accesibles de MS Fabric (ahora también llamadas Fluent-UI), se pueden anular en su sitio configurando isClickableOutsideFocusTrap como verdadero y forceFocusInsideTrap como falso.
• Colocar pines en línea dentro de un elemento de destino o un contenedor principal que tenga la propiedad CSS de overflow:hidden.
  • La propiedad CSS de overflow:hidden establece que cualquier desbordamiento de ese contenedor se recorte. Esto afecta al pin en línea, ya que está anidado dentro de ese contenedor.
  • Para evitar esto, coloque el Pin fuera del contenedor que usa esta propiedad O use la opción de incrustación superpuesta.
• En algunos casos, las descripciones emergentes o los puntos de acceso no se pueden colocar automáticamente en elementos que contienen un componente SVG en el Constructor. Sin embargo, es posible colocarlos manualmente mediante un selector único y estable, independiente del formato SVG.