Plantilla de artículo

Acerca de las aplicaciones de página única

Las aplicaciones de página única (SPA) son un tipo especial de aplicación web. Una SPA carga una sola página cuando ingresas a un sitio web y, a partir de ese momento, carga todo el contenido posterior en esa misma página mientras navegas. Esto parecerá funcionar como un sitio web normal, pero al cambiar entre “páginas”, la página en realidad no se recarga.

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

Reevaluación automática de la lógica de Intercept al cambiar la 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 las intercepciones en los cambios de URL posteriores habilitando la Reevaluar la lógica de intercept cuando cambia la URL configuración a nivel de proyecto de Opinión el sitio web. Al marcar esta configuración se permitirá la evaluación de la lógica de intercept además de la evaluación que se produce durante la carga inicial de la página.

Para habilitar la reevaluación automática de la lógica de intercept , siga los pasos a continuación:

1. En su proyecto de Opinión sobre el sitio web, navegue hasta la Ajustes.
2. Hacer clic Administrar proyecto.
3. Seleccionar Opciones del proyecto desde el menú desplegable.
4. Asegurar que Reevaluar la lógica de intercept cuando cambia la URL está marcado en la sección Soporte de aplicaciones de página única (SPA).

QSI.API.run();

Implementación manual con API de JavaScript

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

Para implementar manualmente

1. Navegar hasta el Ajustes pestaña.
   
2. Haga clic en el Administrar proyecto menú desplegable.
3. Seleccionar Opciones del proyecto.
4. Habilitar el Cargar proyecto manualmente opción.
   
5. Regresar a la Intercepta pestaña y, si lo desea, configure lógica a su Intercept o al Conjunto de Acciones.
   
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. Agregue las solicitudes de API de JavaScript adecuadas según la cantidad de veces que desea que su sitio web haga referencia a Intercept. Vea la sección a continuación para estas solicitudes.

Solicitudes de API de JavaScript

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 Intercepción y Creatividad en la página. La API de “carga” es lo mismo que recargar una página que tiene código.

   API();

   Consejo Q: Si tienes Cargar proyecto manualmente habilitado en la configuración de su proyecto, no necesitará llamar a esta API para cargar el código de implementación en la carga inicial de la página. Solo será necesario forzar la carga para cuenta los cambios de estado en la página que se producen sin recarga.
2. Esto inicia la evaluación del código de implementación y hará que aparezca cualquier Diseño si pasa las condiciones de visualización.

   API();

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

1. Esta solicitud elimina el código de implementación de cualquier Intercepción o Creatividad presente en la página.

   API();

2. Esto carga el código de implementación para cualquier Intercepción o Creatividad en la página. Esto es lo mismo que recargar la página.

   API();

3. Esto inicia la evaluación del código de implementación y hará que aparezca cualquier Diseño si pasa las condiciones de visualización.

   API();

Preguntas frecuentes