Opinión integrados con plantilla
Contenidos de la página
Consejo Q: Si no tiene acceso a ninguna de las funciones descritas en esta página, póngase en contacto con su ejecutivo de cuentas. Para obtener más información sobre las diferencias entre la opinión digital y CustomerXM for Digital, consulte Opinión digital frente a CustomerXM for Digital.
Acerca de los Opinión integrados con plantillas
Ya sea que administre un blog de marketing, documentación de soporte, recurso para desarrolladores u otro sitio, su contenido debe mantenerse actualizado. A medida que un sitio web crece en tamaño, puede resultar más difícil concentrar sus esfuerzos de mejora. También es importante determinar si el contenido que estás produciendo es efectivo y medir su impacto.
Los opinión integrados con plantillas hacen que sea muy fácil recopilar datos sobre el contenido que ejecuta. Puede incorporar una pregunta de utilidad sencilla en el contenido de su sitio, para que los visitantes puedan calificar el contenido e incluso brindar opinión directamente en la página.
Consejo Q: Utilizamos una versión personalizada de la plantilla de opinión integrados para recopilar opinión de los clientes en nuestro sitio de soporte. Consulte la encuesta “¿Fue útil esto?” al final de cada sección. Tenga en cuenta que, con la excepción de la implementación personalizada en nuestro sitio de soporte, los opinión solo se pueden integrar en páginas únicas, no en secciones individuales de una página.
Atención: Si está utilizando una Política de seguridad de contenido (CSP) en el sitio web en el que desea implementar opinión integrados con plantillas, debe lista de permitidos El dominio * qualtrics.
Consejo Q: Esta función solía llamarse Opinión integrados.
Creación de Opinión integrados con plantillas
Consejo Q: Para conocer los últimos pasos de configuración y detalles sobre el lanzamiento, también puede consultar Creación de intercepciones guiadas .
Personalizar el contenido
Atención: Para la función de opinión integrados con plantilla, no es necesario crear una encuesta separada. Esta función se encargará automáticamente de crear una encuesta para usted en el back-end, sin ningún trabajo adicional de su parte.
Al crear un opinión diseño integrado con plantilla, la primera sección le permite personalizar el contenido del diseño, incluidas las preguntas, la apariencia de los botones, etc. En el lado derecho de la pantalla, la vista previa se actualizará para que coincida con la configuración que haya agregado, e incluso podrá hacer clic en los botones para probar cómo se ve el mensaje de agradecimiento o la pregunta de seguimiento.
Consejo Q: No haga clic en “Siguiente” hasta que esté satisfecho con la Aspecto visual y operativo o las traducciones.
Apariencia y diseño
La sección Apariencia y estilo le permite ajustar el diseño, el grosor del texto y los colores del archivo diseño.
- Disposición: La orientación de la pregunta versus las opciones de respuesta.
- Tabla combinada
- Apilado
- Peso del texto: El peso del texto de la pregunta. Puede ser regular, negrita o cursiva.
- Color del texto: El color del texto de la pregunta.
- Personalización de botones: Los colores que puedes cambiar dependerán de la formato y estilo Tú elegiste antes.
- Sí/No: Cambiar el color del texto del botón, el borde del botón y el relleno del botón.
- Pulgares arriba/pulgares abajo: Cambiar el color del contorno (borde) y el relleno del botón.
- Emojis: Sin personalización: los colores están preestablecidos.
- Estrellas: Cambiar el color del contorno de la estrella (borde). Este también es el color con el que se llenará la estrella cuando el encuestado pase el cursor sobre ella o la seleccione.
- Color del botón Enviar: El botón Enviar solo aparece si ha incluido una pregunta de seguimiento; el botón Enviar es la forma en que el visitante indica que está listo para enviar opinión. Esta configuración le permite cambiar su color de relleno.
- Color del texto del botón Enviar: Cambiar el color del texto en el botón enviar.
- Personalizar CSS: Personalice el CSS de la opinión incrustada con plantilla como desee. Las modificaciones realizadas aquí no se reflejarán en la vista previa; recuerda prueba tu intercept Antes del despliegue.
Atención: El siguiente código se proporciona tal cual y requiere conocimientos de programación para implementarlo. El soporte técnico de Qualtrics no ofrece asistencia o consultoría sobre codificación personalizada. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad.
- Utilice una plantilla:Utilice un tema de la encuesta como plantilla para la configuración de estilo del creativo. Esto importará las configuraciones de color primario y secundario de ese tema de encuesta .
Consejo Q: Las configuraciones en el diseño están desconectadas del tema utilizado como plantilla. La configuración del elemento creativo no se actualiza si cambia el tema de la plantilla, y cambiar la configuración del elemento creativo no cambiará el tema de la plantilla.
Consejo Q : Si desea personalizar aún más los colores en su plantilla de opinión integrados, puede utilizar los menús desplegables de colores en la sección Apariencia.
Selector CSS
Especifique la ubicación en su página web donde desea que aparezca la intercept de opinión incrustada con plantilla. Puedes hacer esto ingresando un Selector CSS valor que apunta al elemento en la página que debe contener la opinión incrustada con plantilla.
Ejemplo: Desea agregar su intercept a la sección “Soporte técnico de Qualtrics” en la página de Soporte técnico de Qualtrics . Puedes abrir las herramientas de desarrollo de tu navegador para encontrar el selector CSS del elemento donde quieres insertar la intercept.Cuando tenga el elemento correcto resaltado, haga clic derecho para copiar el selector. El selector debe ser una cadena larga de CSS. En este caso, el selector copiado es “#content > div.quni-homepage.main-content > div > div > div > div.main-content-wrapper.spacing-sm-bottom > div > div.q-xm.logo-fix.ng-scope > section > div > div:nth-child(1) > div > h1”.
Una vez que hayas copiado el selector CSS , pégalo en la ventana que se muestra a continuación y haz clic Guardar selector CSS .
Consejo Q: Si el selector CSS se deja en blanco o no es válido, verá un error en las herramientas para desarrolladores que contiene el texto “DOMException: Document.querySelectorAll”. Tenga en cuenta que este error no se generará si el selector es válido pero el elemento no está presente en la página. Por ejemplo, si ingresa un selector CSS de “#.<tes,t”, se generará el error, pero si ingresa un selector de “h1” y no hay elementos h1 en la página, no se generará el error.
Consejo Q: Tenga en cuenta que los opinión incrustados en plantillas solo se pueden agregar al final de un DivID o CSSSelector.
Captura de la URL de la página, la duración total y el título de la página
- CurrentPageUrl establecido en un valor de URL de la página actual
- PageTitle establecido en un valor de JavaScript
- Duración total establecida en Tiempo de permanencia en el sitio
Para PageTitle, necesitamos configurar el valor de JavaScript para que podamos capturar el título de su página web. ¿Pero cómo?
Si está utilizando Google Chrome, simplemente seleccione el título de la página, haga clic derecho y seleccione el Inspeccionar opción. Se abrirá la ventana de herramientas para desarrolladores de Chrome, que debería verse como la siguiente. Haga clic derecho en el elemento HTML correspondiente y copie el selector, como se muestra a continuación.
Esto debería devolver algo como este:
#primerEncabezado Con el siguiente JavaScript, puedes obtener el valor del título de la página del elemento HTML :
documento.querySelector("#primerEncabezado").textContenido Puedes editar el en negrita texto, dependiendo de lo que haya devuelto su selector.
Consejo Q: Puedes probar esto en la consola de Herramientas para desarrolladores de Chrome para ver cómo se ve el valor.
Ahora que tenemos el JavaScript, colóquelo en el valor del Campo de datos integrados “PageTitle”, como se mostró anteriormente. Hacer clic Siguiente en sus datos integrados cuando haya terminado.
Encuestas integradas
Cuando crea Opinión integrados con plantilla, se genera automáticamente una encuesta para usted. Para ver esta encuesta y sus datos, vaya a Configuración, ver encuesta conectaday haga clic en el nombre de la encuesta.
Atención: Puede solo Acceda a la encuesta de esta creatividad abriendo la Opinión integrados con plantilla, como se describe arriba. Esta encuesta no puedo se puede encontrar directamente en el Página de Proyectos , incluso si tiene el ID de la encuesta (por ejemplo, SV_XXXXX).
Capacidades de la encuesta
- Pestaña Flujos de trabajo: Activador diferentes tareas dentro de Qualtrics según los resultados de la encuesta recibida. Por ejemplo, cree tickets para su equipo de redacción cuando los visitantes expresen su descontento con el contenido o envíe un correo electrónico a un gerente cada vez que reciba opinión muy positivos. Consejo Q: La pestaña de flujos de trabajo actualmente solo es accesible para el usuario que creó la encuesta de opinión incorporada.
- Pestaña Datos y análisis: Filtro las respuestas que has recopilado , respuestas de exportación , conducta análisis de texto , editar o eliminar respuestas , y mucho más.
- Pestaña de Resultados:Cree paneles dinámicos que informen sus datos.
- Informes: Visualice sus resultados con informes imprimibles.
Informes sobre datos
Puede ver y analizar estos datos de la misma manera que lo haría con cualquier otra encuesta. Aquí te dejamos algunas ideas para que puedas empezar.
- Exportación de datos de respuestas
- Filtrado de datos de respuesta
- Introducción básica a Informes avanzados
- Descripción general básica de los paneles de Resultados
- Introducción a los tableros de CX
Consejo Q: Al agregar datos de encuesta integrados como fuente a un Tablero, aparecerán debajo encuestas y tendrá el mismo nombre que la intercept de opinión incrustada en plantilla, pero con “- Encuesta” agregado al final.
Edición de la encuesta
La encuesta vinculada a una opinión incrustada con plantilla solo puede obtener ediciones visuales a través de la intercept. Ver Personalizar el contenido y Mira y siente para cambiar la redacción o la apariencia de la encuesta .
Colaboración en la Opinión integrada con plantillas
Atención: Para compartir las respuestas de la encuesta , debes ser el propietario de la intercept (es decir, el usuario que creó la intercept). Los usuarios con los que colaborar necesitarán Permiso Opinión del sitio web llamado Gestionar Proyectos.
Como propietario de la intercept , puede compartir sus opinión integrados en plantilla con otros usuarios de su licencia que necesiten ver los datos de la encuesta . Para compartir tu intercept:
Solución de problemas de Opinión integrados con plantillas
Esta sección explica cómo solucionar problemas de visualización con la plantilla de opinión diseño integrados. Puede utilizar estos pasos para probar cuándo y dónde aparece la intercept en su sitio.
Preguntas frequentes
Activé mi intercept, pero no aparece en mi sitio. ¿Por qué no?
Activé mi intercept, pero no aparece en mi sitio. ¿Por qué no?
- Lógica: lógica de objetivo de intercept y lógica del conjunto de acciones son las condiciones que deben cumplirse para que una intercept se muestre a un visitante. Comprobar esta lógica será útil para descubrir por qué Intercept no se muestra en una página.
- Conjuntos lógicos que utilizan “Contiene”:Una causa común de error lógico es el uso de “Contiene” vs. "Es." Decir que una condición “Contiene” significa que el parámetro en el que se basa la lógica (es decir, URL actual) tendrá presente el valor especificado además de más información. Por ejemplo, si tuviera una lógica que dijera que la URL actual contiene ' qualtrics', esto provocaría que la intercept se mostrara en cualquier URL que tenga la palabra qualtrics presente. La otra opción que tienes es usar la URL actual es [URL]. Esta condición depende de que la URL visitada coincida exactamente. Cualquier diferencia o carácter adicional impedirá que pase la lógica de intercept .
- Revisiones de Intercept:Al realizar modificaciones en las intersecciones, los cambios no se realizan en vivo hasta que Se publica la intercept. Al publicar una Intercept, se guarda una versión de la intercept, o una “revisión”. Revisando las revisiones que se han realizado es muy útil para identificar cualquier cambio que pueda haber impedido repentinamente que aparezca la intercept .
- Ventana de depuración:La ventana de depuración es una herramienta invaluable para probar por qué una intercept no se muestra en una página particular.
Para intersecciones cuyas código de implementación Se implementó antes de marzo de 2019 para habilitar la ventana de depuración y agregar una cadena de consulta a cualquier URL dada llamada Q_DEBUG. Esto debe tener como prefijo un ? o un & como en los siguientes ejemplos: https://www.qualtrics.com?Q_DEBUG, https://www.qualtrics.com/blog?item=value&Q_DEBUG.
Para las intercepciones cuyo código de implementación se implementó después de marzo de 2019, ejecute el siguiente fragmento de JavaScript en la consola de su página web:QSI. API.descargar(); QSI.isDebug = verdadero; QSI. API.cargar(); QSI. API.ejecutar();La ventana de depuración desglosa todas las condiciones necesarias para que aparezcan las intercepciones que se ejecutan en la URL . Si descubre que no aparece una intercept , ubíquela en la ventana de depuración e identifique las advertencias de error en rojo.Consejo Q:El depurador de Website Información no funciona si el código se implementó mediante un gerente de etiquetas. Además, si la URL ya tiene una cadena de consulta con un ?, entonces el depurador requerirá un & en su lugar. - Solicitud de red:La mayoría de los navegadores poseen un menú de herramientas para desarrolladores que permite al usuario ver el código fuente, los recurso, las cookies y las llamadas de red de un sitio. Website Información tiene una presencia destacada en la sección Red de estas herramientas. Para comprobar si estos scripts se están ejecutando, abra las herramientas para desarrolladores y navegue a la sección Red. Una vez aquí, vuelva a cargar la página web y el menú debería comenzar a llenarse con todas las solicitudes de red realizadas por el sitio web. Para identificar el código de Website Información , busque llamadas que comiencen con ?Q_ZID o ?Q_SID. Este es el código en sí mismo ejecutando comprobaciones en la lógica sofisticada. Si no puede encontrar nada que coincida con este formato, entonces hay un problema con la implementación del código de su proyecto. Puede consultar nuestra página de soporte en implementación para obtener asesoramiento sobre dónde es mejor colocar el código.
- Cuestiones de política de seguridad de contenidos:Si recibe un registro de consola que viola una Política de seguridad de contenido, lo más probable es que exista una restricción en su sitio web que impide la implementación de nuestras intercepciones. Le recomendamos ponerse en contacto con su equipo de desarrollo web para resolverlo. Para garantizar que sus intercepciones funcionen, generalmente recomendamos incluir en la lista de permitidos los siguientes elementos en los encabezados de su Política de seguridad de contenido:
- connect-src https: qualtrics
- fuente del marco qualtrics://*.qualtrics.com
- Fuente de la imagen: qualtrics
- fuente del script qualtrics://*.qualtrics.com
- Manejo de URL de SPA: Si su sitio utiliza un marco de aplicación de página única (SPA), asegúrese de que su código se active history.pushState() Al navegar entre vistas. Algunos marcos pueden volver a renderizar o actualizar la URL sin enviar una nueva entrada de historial, lo que puede impedir que se activen las intercepciones. Si estas usando useEffect o ganchos de lifecycle similares, asegúrese de que su lógica de intercept se ejecute después La navegación está completa.
¿Cuál es la diferencia entre el código de zona y el código intercept? Ahora que se llama “código de proyecto” en la nueva interfaz, ¿qué significa esto?
¿Cuál es la diferencia entre el código de zona y el código intercept? Ahora que se llama “código de proyecto” en la nueva interfaz, ¿qué significa esto?
Las zonas (ahora "Proyectos") actúan como colecciones para múltiples creativos e intercepts. Los códigos de zona contienen todos los intercepts de la zona. Esto le permite implementar un código único en su sitio en lugar de agregar continuamente códigos para intercepts individuales. Esto puede ahorrar mucho tiempo, ya que cada vez que activa contenido en la zona, se añade automáticamente al código y no requiere ningún cambio.
Los proyectos son el equivalente de zonas, por lo que el código de implementación del proyecto es el equivalente de los códigos de zona antiguos.
He creado mi intercept pero me gustaría probarlo antes de la activación. ¿Cómo puedo hacer eso?
He creado mi intercept pero me gustaría probarlo antes de la activación. ¿Cómo puedo hacer eso?
¿Cuál es la diferencia entre intercepciones independientes, intercepciones guiadas y creatividades guiadas?
¿Cuál es la diferencia entre intercepciones independientes, intercepciones guiadas y creatividades guiadas?
Intercepciones guiadas son cuando creas funciones como cuadros de diálogo interactivos, opinión integrados con plantillas, botones de opinión y opinión de aplicaciones integrados usando estos pasos . También conocidas como configuraciones guiadas, las intersecciones guiadas combinan el elemento visual y la configuración de una diseño en un flujo fácil de seguir que lo guiará de principio a fin.
Creatividades guiadas son cuando creas funciones como cuadros de diálogo interactivos, opinión integrados con plantillas, botones de opinión y opinión de aplicaciones integrados usando estos pasos en cambio. Con una diseño guiada, es necesario crear una intercept separada para emparejarla. Aún obtienes el editor diseño mejorado, pero no el rest de la configuración guiada.
Creé un diálogo de respuesta como diseño, pero quiero usarlo como una intercept guiada. ¿Puedo cambiarlo?
Creé un diálogo de respuesta como diseño, pero quiero usarlo como una intercept guiada. ¿Puedo cambiarlo?
¿Puedo guardar configuraciones guiadas en la biblioteca?
¿Puedo guardar configuraciones guiadas en la biblioteca?
¡Genial! ¡Gracias por tus comentarios!
¡Gracias por tus comentarios!