Creación de creatividades independientes optimizadas para dispositivos móviles
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 cómo hacer que los elementos creativos estén optimizados para dispositivos móviles
Las creatividades guiadas más nuevas están diseñadas para incluir la optimización móvil desde el principio, lo que requiere menos configuración para su uso en dispositivos móviles. Estas creatividades optimizadas para dispositivos móviles incluyen: diálogos responsivos, botones de opinión , y opinión integrada con plantilla.
Sin embargo, hay creatividades independientes que lucen bonitas en una computadora de escritorio, pero aparecen demasiado grandes en una pantalla móvil. Esto se debe a que los anuncios más antiguos no tienen optimización móvil incorporada y requieren una configuración adicional para funcionar bien en las pantallas móviles. Esta página explica cómo optimizar creatividades independientes como pop-overs, barras de información, y deslizadores para una experiencia de navegación móvil.
Consejo Q: ¿Estás buscando recopilar opinión sobre una aplicación móvil en lugar de un sitio móvil? Echa un vistazo a la Opinión la aplicación integrada página en su lugar.
Resolución de pantalla
Puede mostrar una Intercept o un conjunto de acciones en función de Tipo de dispositivo. Sin embargo, los dispositivos móviles pueden venir en muchos tamaños, lo que podría requerir más de dos versiones (de escritorio y móvil) de un Diseño. En el caso de algunas tabletas, la Diseño que se ve mejor en el escritorio podría funcionar bien en la tableta.
En lugar de basar la lógica sofisticada en el tipo de dispositivo, es mejor generar creatividades en diferentes tamaños y basar la lógica de sus intercepciones en el tamaño de la pantalla.
Lógica de resolución de pantalla
Puede basar la lógica de Intercept o la lógica de conjunto de acciones en Resolución de pantalla. No está limitado a tamaños exactos: por ejemplo, tal vez las pantallas de menos de 500 px obtengan un Diseño y las pantallas de más de 500 px obtengan otro.
Haga clic en el página de soporte vinculada para obtener instrucciones paso a paso y una lista de tamaños de pantalla comunes.
Configuración del proyecto
Dar formato a objetivos integrados
Un Objetivo incrustado no es solo un enlace, como un Objetivo normal, sino una ventana incrustada en el Diseño donde se muestra el sitio o la encuesta del objetivo .
Mucha gente prefiere que la encuesta incorporada en Diseño no tenga barras de desplazamiento. El Dar formato a objetivos integrados Esta página explicará los cambios que puede realizar en su encuesta para lograr este objetivo.
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.
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?
¿Cómo tengo una apariencia creativa más pequeña en dispositivos móviles?
¿Cómo tengo una apariencia creativa más pequeña en dispositivos móviles?
Si elige hacer una ventana emergente sobre un diseño más antiguo en su lugar, aquí es donde usaría varios conjuntos de acciones. Tendrá diferentes conjuntos de acciones para dispositivos móviles y escritorios. También tendrá dos diseños diferentes para dispositivos de escritorio y móviles.
¡Genial! ¡Gracias por tus comentarios!
¡Gracias por tus comentarios!