Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Aplicación de página única


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Acerca de las aplicaciones de página única

Las aplicaciones de página única (SPA) son un tipo especial de aplicación web. Un SPA cargará una sola página cuando introduzca un sitio web y, a partir de ese momento, cargará todo el contenido subsiguiente en la misma página en la que navega. Parece que funciona como un sitio web normal, pero al cambiar de página, la página no se vuelve a cargar.

De forma predeterminada, el código de implementación se ejecuta tan pronto como se carga una página web. Sin embargo, dado que los SPAs no se actualizan al navegar entre páginas, el código de despliegue no se volverá a evaluar a medida que navegue entre páginas. Al utilizar las técnicas descritas a continuación, puede habilitar el código de implementación para que funcione sin problemas en su sitio SPA.

Consejo Q: Algunas de estas técnicas utilizan la API JavaScript de opinión de la página web. Para obtener documentación detallada sobre la API de JavaScript para los comentarios del sitio web de Qualtrics, consulte esta página.
Atención: La siguiente documentación requiere conocimientos de programación para su implementación. Le recomendamos que transmita esta información al equipo que implementará su código de implementación. Nuestro equipo de soporte técnico no ofrece asistencia ni consultoría sobre programación personalizada. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad. Si desea obtener más información sobre nuestros servicios de codificación personalizada que puede encargar, póngase en contacto con su Account Executive de Qualtrics.
Consejo Q: Javascript no está incluido en todas las licencias de Qualtrics. Póngase en contacto con su ejecutivo de cuentas de Qualtrics si está interesado en obtener acceso.

Reevaluación automática de la lógica de interceptación al cambiar la dirección URL

Si su aplicación de página única depende del enrutamiento del lado del cliente para la navegación del usuario, puede forzar la reevaluación de intercepts en los cambios posteriores de URL habilitando la lógica Volver a evaluar intercept cuando la URL cambie la configuración en el nivel de proyecto Opinión de sitio web. La verificación de esta opción permitirá la evaluación lógica de intercept además de la evaluación que se produce al cargar la página inicial.

Para activar la reevaluación automática de la lógica de intercept, siga los siguientes pasos:

  1. En su proyecto de Opinión de página web, vaya a Configuración.Navegar a las opciones del proyecto desde la página Configuración en Opinión de página web
  2. Haga clic en Gestionar proyecto.
  3. Seleccione Opciones de proyecto en el menú desplegable.
  4. Asegúrese de que se verifica Volver a evaluar la lógica de intercept cuando se modifica la URL en la sección Soporte de aplicación de página única (SPA).Volver a evaluar la lógica de interceptación cuando se verifica la opción de cambios de URL en las opciones del proyecto
Consejo Q: Si desea probar este comportamiento, debe utilizar el marcador a nivel de proyecto. No puede utilizar un marcador de intercept específico para probar este comportamiento.

Atención: Si decide utilizar esta configuración de SPA junto con la opción de nivel de intercept para Mostrar con código Javascript personalizado (manualmente), deberá llamar al

QSI.API.run();

para que el intercept aparezca en cada página SPA.

Implementación manual con API JavaScript

Consejo Q: Para obtener documentación detallada sobre la API de JavaScript para las opiniones del sitio web de Qualtrics, consulte esta página.

Este método describe cómo cambiar el código de despliegue para que se ejecute manualmente.  Esto significa que el código de despliegue no se ejecutará ni evaluará la lógica asociada hasta que se inicie la solicitud de API de JavaScript adecuada.

Para implementar manualmente

  1. Vaya a la pestaña Opciones.
    Navegar a las opciones del proyecto desde la página Configuración en Opinión de página web
  2. Haga clic en el menú desplegable Gestionar proyecto.
  3. Seleccione Opciones de proyecto.
  4. Active la opción Cargar proyecto manualmente.
    La opción Cargar proyecto manualmente está marcada en las opciones del proyecto
  5. Vuelva a la ficha Intercepts y, si lo desea, establezca la lógica en su Intercept o en el conjunto de acciones.
    Configurar la lógica en la página de intercepts
  6. Coloque el código de implementación en su sitio web, preferiblemente en un encabezado o pie de página global para que se cargue en todas las páginas.
  7. Añada las solicitudes de API de JavaScript adecuadas en función de las veces que desee que su sitio web haga referencia al intercept. Consulte la siguiente sección para estas solicitudes.

Solicitudes de API de JavaScript

Consejo Q: Para obtener documentación detallada sobre la API de JavaScript para las opiniones del sitio web de Qualtrics, consulte esta página.

Si desea que Qualtrics evalúe su proyecto en una sola instancia, utilice estas dos solicitudes:

  1. Esta solicitud carga el código de implementación para cualquier intercepts y diseños de la página. La API de “carga” es la misma que la recarga de una página que tiene código.
    QSI.API.load();
    Consejo Q: Si ha activado Cargar proyecto manualmente en las opciones del proyecto, no tendrá que llamar a esta API para cargar el código de implementación al cargar la página inicial. Solo será necesario forzar la carga para tener en cuenta los cambios de estado en la página que se producen sin recargar.
  2. Esto inicia la evaluación del código de despliegue y hará que aparezca cualquier Diseño si pasa las condiciones de visualización.
    QSI.API.run();

Si desea que Qualtrics evalúe su código de proyecto más de una vez en la misma página, repita los tres pasos siguientes cada vez:

  1. Esta solicitud elimina el código de implementación de todos los intercepts o diseños presentes en la página.
    QSI.API.descarga();
  2. Esto carga el código de implementación para cualquier intercepts o diseño de la página. Es lo mismo que volver a cargar la página.
    QSI.API.load();
  3. Esto inicia la evaluación del código de despliegue y hará que aparezca cualquier Diseño si pasa las condiciones de visualización.
    QSI.API.run();

Preguntas frecuentes

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.