Creación de un proyecto de información sobre el sitio web y la aplicación

Acerca del sitio web y proyectos de información estratégica de aplicaciones

Los proyectos de App Insights son una forma creativa de obtener opiniones sobre tu sitio web o aplicación móvil. Le permiten mostrar gráficos dinámicos en su página web, como superposiciones, botones de opinión, contenido incrustado, banners y más. Estos gráficos, denominados diseños, pueden aparecer todo el tiempo, o solo en circunstancias especiales, y pueden vincularse a una encuesta de Qualtrics o a un sitio web de su elección. La función que le permite editar estas condiciones y enlaces se llama intercept.

Los proyectos son la forma en que organiza sus diseños e intercepts. Cada proyecto puede contener más de un diseño y más de un intercept. Pero si los creativos e interceptos activos están juntos en el mismo proyecto, por lo general significa que se van a mostrar en el mismo sitio web.

Creación de un sitio web y un proyecto de información estratégica de aplicaciones

1. Seleccione Catálogo en el menú global.
   
   Consejo Q: También se puede crear un proyecto desde Proyectos o la página de inicio.
2. Desplácese, filtre o busque según sea necesario para encontrar el tipo de proyecto correcto. Este tipo de proyecto se puede realizar en CoreXM, CustomerXM y EmployeeXM.
   Consejo Q: Esta opción no afecta al sitio web y las funciones de App Insights a las que tiene acceso.
3. Seleccione Sitio web y App Insights.
4. Haga clic en Comenzar.
5. Asigne un nombre al proyecto.
   
6. Haga clic en Crear proyecto.
7. Decide whether you want to Set up intercept or Set up session replay first:
   
   • Set up an intercept: If you select this option, you’ll then choose how you want to collect feedback. This does not just include classic intercepts, but our new, guided intercepts (like responsive dialog and templated embedded feedback), and classic creatives. Explicamos estas opciones en detalle en el resto de la página.
   • Set up session replay: If you select this option, you’ll be taken to the Session replay section of your project’s settings. Here, you can turn on session replay, set recording and consent rules, configure masking, and more. Once you’re finished, you can go to the Intercepts tab to use the feedback methods described here.

Elija cómo desea recopilar el feedback

Decidir cómo construir su proyecto es la clave para sacar el máximo provecho de Website & App Insights. We recommend selecting one of our guided intercepts from the bigger tiles at the top, especially if you are new to Website & App Insights, since they come with an easier setup. Sin embargo, si ya tiene experiencia con Website & App Insights, puede desplazarse hacia abajo para ver opciones adicionales. Allí podrá crear diseños e intercepts independientes que se puedan conectar entre sí. Esto puede ser útil si tiene una configuración más complicada o especializada para su proyecto.

• Build your intercept with a guided setup: We recommend these options because they’re the newest and easiest to set up, with the ability to set different web and mobile settings inside the same editor. Estas también son las únicas opciones que le llevarán a través de un amplio flujo guiado para toda la configuración del proyecto. See Guided Intercepts to proceed through these steps.
  • Diálogo receptivo: Obtenga opiniones en momentos clave mediante un diálogo que responda a cualquier tamaño de dispositivo.
  • Botón Comentarios: un botón de opinión (similar al de la parte izquierda de esta página de soporte) que se desliza cuando los visitantes hacen clic en él, para que puedan completar una encuesta de opinión a la derecha de la página.
  • Templated embedded feedback: Inline buttons that allow visitors to indicate whether content was helpful (much like the Yes / No buttons after each section of this page).
  • Embedded app feedback: Collect feedback on your mobile app experience.
• Intercepts: See Making an Intercept (en inglés). “Intercepts” se puede considerar como las reglas que determinan cuándo y cómo se mostrará su proyecto en un sitio web o una aplicación. Puede comenzar aquí si es un usuario con más experiencia con el sitio web/App Insights o si necesita diseños o funciones adicionales, como conjuntos de acciones y permisos de publicación. Tenga en cuenta que esta experiencia no es tan guiada, por lo que deberá añadir diseños adicionales, publicar cambios e implementar el código según las instrucciones en el sitio de soporte, en lugar de ser guiado en el producto.
  Consejo Q: Los intercepts más avanzados que aprovechan los conjuntos de acciones, las aprobaciones, etc. aún se pueden crear de forma independiente con esta opción.
• Diseños: consulte Selección de un diseño. Los “diseños” se pueden considerar como el elemento visual de su sitio web y su proyecto de información estratégica de aplicaciones, por ejemplo, un banner, una ventana que se abre en una página web o incluso un enlace. Esta opción se recomienda a los usuarios que sientan que las opciones del botón Diálogo reactivo o Feedback no se ajustan a sus necesidades y necesitan diseños alternativos, como la InfoBar o los diseños específicos de la aplicación móvil. Tenga en cuenta que esta experiencia no es tan guiada, por lo que deberá crear un intercept, publicar cambios e implementar código según las instrucciones del sitio de soporte, en lugar de ser guiado en el producto.
  Consejo Q: Cada diseño tiene un caso de uso diferente para el que está especializado. Para obtener una guía, consulte nuestras páginas de soporte sobre diseños. Los tipos de diseños se enumeran en el menú de la izquierda.

Guided Intercepts

If you selected one of the guided intercepts at the top (such as responsive dialog, templated embedded feedback, feedback button, or embedded app feedback), here are your next steps:

1. Asigne un nombre a su intercept.
   
   Consejo Q: Ayuda a elegir algo que explique cuándo o cómo se solicitará la opinión de los visitantes, por ejemplo, “Pestaña de comentarios”, “Solicitud de opinión del día de la semana”, “Solo sitio de soporte técnico”, etc.
2. Determine el sitio de destino que se está enlazando en este intercept.
   • Elija una encuesta: Elija una encuesta de su cuenta.
   • Introduzca una URL personalizada: si desea enlazar con algo que no sea una encuesta de Qualtrics en su cuenta, pegue la URL completa en el campo proporcionado.
     Ejemplo: queremos recopilar comentarios del sitio de soporte. Hemos escrito una encuesta en la que se pide esta opinión. Lo vinculamos en este paso.
3. Haga clic en Siguiente.
4. Personalice el aspecto. Complete cada una de las secciones enumeradas a la izquierda antes de continuar. Para más información:
   
   • Diálogo de respuesta
   • Botón para proporcionar una opinión
   • Feedback incrustado con plantilla
   • Opinión integrada de la aplicación
   • Translations (All)
5. Cuando haya terminado de personalizar el aspecto, haga clic en Siguiente.
   Consejo Q: Si necesita detenerse aquí y continuar con la configuración más tarde, haga clic en Guardar y cerrar.
6. Haga clic en Añadir lógica de destino para determinar cuándo se debe mostrar el botón o el diálogo a los encuestados.
   
   Consejo Q: Puede limitar la apariencia en función de mucha información diferente, desde las cookies colocadas en el navegador hasta si ya se ha mostrado a los visitantes del sitio web recientemente, a la URL de la página, y más. Consulte las páginas de soporte enumeradas en Lógica de conjunto de acciones para obtener más información.
   Consejo Q: Puede pulsar Mayús en el teclado al hacer clic en el signo más ( + ) para crear conjuntos lógicos separados. Para obtener más detalles sobre las condiciones de creación, consulte Lógica de conjunto de acciones avanzadas.
7. Cuando haya terminado de agregar condiciones, haga clic en Siguiente.
   
8. Determine la frecuencia con la que se mostrará el botón o el diálogo. Para obtener más detalles sobre cada una de estas opciones, consulte Opciones de intercept.
   
9. Si tiene XM Directory, puede elegir Enlazar con XM Directory. Esto le permite enlazar automáticamente respuestas a contactos, utilizar reglas de frecuencia de contacto y segmentos específicos de destino. Para obtener más información, consulte Integración de XM Directory con intercepts digitales.
   
   • Si tiene varios directorios, seleccione a qué directorio desea conectar este intercept.
   • Seleccione si desea crear un nuevo contacto automáticamente cuando se evalúe un intercept. Deberá trabajar con el equipo de desarrollo de su sitio web para añadir código Javascript para enviar información de contacto al directorio mediante la API proporcionada. Puede añadir la siguiente información para cada contacto:
     • • Nombre
       • Apellidos
       • Idioma
       • Pares de valores clave adicionales (por ejemplo, “Ubicación”:”Seattle”,”Género”:”Femenino”). Puede añadir hasta 20 pares
   • Determine si desea administrar la frecuencia con la que un visitante que ha iniciado sesión ve una encuesta interceptada mediante el uso del directorio Reglas de frecuencia de contacto.
10. Haga clic en Mostrar opciones avanzadas para ver opciones de intercept adicionales.
11. Cuando haya terminado, haga clic en Siguiente.
12. Si desea añadir puntos de datos adicionales para recopilar desde el diálogo interactivo, haga clic en Añadir datos embebidos.
    
    
13. Seleccione un tipo de datos de la lista desplegable y rellene el valor y el nombre.
    
14. Cuando haya terminado de añadir datos embebidos, haga clic en Siguiente.
15. Siga los pasos de la página para guardar el marcador y probar su intercept. Si lo necesita, puede abrir su sitio web en otra pestaña del navegador para probar cómo será el intercept en su sitio web.
    
16. Cuando haya terminado las pruebas, haga clic en Siguiente.
17. Revise las modificaciones. Si desea editar algo antes de que entre en productivo, haga clic en el icono del lápiz para volver a ese paso.
    
18. Si está listo para que todos los cambios estén activos en el sitio web que aloja el fragmento de código, haga clic en Publicar. De lo contrario, haga clic en Guardar y cerrar.

Seleccionar un diseño

Esta opción se recomienda para los usuarios que sientan que las opciones de los botones Diálogo de respuesta o Feedback no se ajustan a sus necesidades y necesitan diseños alternativos, como los diseños específicos de InfoBar o de aplicaciones móviles. Tenga en cuenta que esta experiencia no es tan guiada, por lo que deberá crear un intercept, publicar cambios e implementar código según las instrucciones del sitio de soporte, en lugar de ser guiado en el producto.

1. En la pestaña Intercepts, haga clic en Crear nuevo en la esquina superior derecha.
   
2. Se le dirigirá a esta pantalla:
   
3. Desplácese hacia abajo y seleccione un diseño.
   
4. Llámelo.
   
5. Haga clic en Completado.
6. Se le dirigirá directamente a la página Editar diseño, donde puede personalizar su apariencia.
   
7. Cuando hayan terminado las ediciones, publique las modificaciones.
8. Vaya a la ficha Intercepts.
   
9. Haga clic en Crear nuevo.
10. Desplácese hacia abajo.
11. Seleccione algo de la sección Intercepts. Siga los pasos en Hacer un intercept para obtener más detalles.
    
12. Cuando haya terminado de editar y publicar su Intercept y esté listo para implementar el código en su sitio web, consulte:
    • &Activar; publicar un intercept
    • Implementación

Hacer un intercept

Puede comenzar aquí si es un usuario con más experiencia con el sitio web/App Insights o si necesita diseños o funciones adicionales, como conjuntos de acciones y permisos de publicación. Tenga en cuenta que esta experiencia no es tan guiada, por lo que deberá añadir diseños adicionales, publicar cambios e implementar el código según las instrucciones en el sitio de soporte, en lugar de ser guiado en el producto.

1. En la pestaña Intercepts, haga clic en Crear nuevo en la esquina superior derecha.
   
2. Se le dirigirá a esta pantalla:
   
3. Desplácese hacia abajo hasta Intercepts.
   
4. Determine si está recopilando opiniones de la página web (intercept web) o ejecutando un proyecto de opinión de la aplicación móvil (intercept de la aplicación móvil).
5. Asigne un nombre a su intercept.
   
6. Haga clic en Completado.
7. Se le dirigirá directamente a la página Editar intercept, donde puede personalizar las condiciones en las que se mostrarán los intercepts a los visitantes de la página web.
   

   Consejo Q: Para obtener más guías, consulte:

   • Editar un intercept
   • Varios conjuntos de acciones
   • Lógica de conjunto de acciones avanzadas
   • Opciones de conjunto de acciones
8. Cuando hayan terminado las modificaciones, publique su diseño.
9. Vaya a la ficha Intercepts.
10. Haga clic en Crear nuevo.
11. Desplácese hacia abajo.
12. Elija un diseño. Siga los pasos en Seleccionar un diseño para obtener más detalles.
13. Cuando haya terminado de editar y publicar su Intercept y esté listo para implementar el código en su sitio web, consulte:
    • Publicar un diseño
    • Seleccionar un diseño en un intercept
    • &Activar; publicar un intercept
    • Implementación

Edición de un proyecto existente

En esta sección se explicará cómo navegar por un proyecto de sitio web y App Insights.

1. Tanto los intercepts como los creativos se enumeran en los Intercepts. Una vez que haga clic en ellas, las funciones de navegación / disponibles serán las mismas que siempre han sido.
   Consejo Q: Los intercepts independientes y los intercepts de flujo guiado (botones de diálogo receptivo y Comentarios) aparecen debajo de la sección “Intercepts” de esta pestaña. Los creativos independientes aparecen en “Diseños”.
2. La reproducción de la sesión le permite ver las sesiones de usuario capturadas por la reproducción de la sesión.
3. Statistics goes to project-wide statistics.
4. Usuarios es donde puede ver y editar usuarios del proyecto.
5. El despliegue tiene el código de despliegue para su proyecto.
6. Las opciones del proyecto tienen opciones generales del proyecto, así como opciones de reproducción de intercept y sesión.
7. También puede hacer clic en Obtener fragmento de código en la parte superior de la ficha Intercepts para obtener el código del proyecto.
8. Haga clic en Crear nuevo para añadir más diseños e intercepts al proyecto.

Gestión del sitio web y proyectos de información estratégica de aplicaciones

En la página Proyectos, hay acciones adicionales que puede realizar con sus proyectos.

Desplegable de acciones de proyecto

• Desactivar/Activar: cuando un proyecto está activo, todos los intercepts y diseños que contiene (que no se han desactivado individualmente) seguirán funcionando en cualquier sitio web en el que pegue el código de implementación de su proyecto. Cuando se desactiva un proyecto, todos los intercepts y diseños que contiene se cierran. Esto le permite eliminar proyectos de Web/App Insights de su página web sin tener que eliminar el código, y le permite desactivar muchos diseños e intercepts a la vez sin tener que editarlos individualmente.
  Atención: las pruebas de los marcadores no funcionan con proyectos inactivos.
• Colaborar: Determine qué usuarios pueden ayudarlo a editar su sitio web y proyecto de App Insights.
• Renombrar proyecto: Modifique el nombre del proyecto.
• Eliminar proyecto: Eliminar el proyecto.
  Atención: Esto eliminará permanentemente todos los diseños e intercepts del proyecto. Proceda con precaución.
• Mostrar en carpeta: vaya a la carpeta en la que está almacenado el proyecto. Esta opción no aparecerá si el proyecto no se ha ordenado en una carpeta o si se encuentra en la carpeta de inicio del proyecto.

Preguntas frecuentes