Aplicación de página única

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 opción Reevaluar la lógica de intercept cuando cambia la URL configuración. 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. Ir a Intercepta.
   
2. Ir a Configuración de Intercept.
3. 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).
   
4. Hacer clic Aplicar cambios .

Reevaluación de la lógica de Intercept y seguimiento de la actividad tras el cambio de URL

En la sección anterior, mostramos cómo admitir aplicaciones de una sola página para todas las intersecciones de un proyecto. Sin embargo, si desea admitir este comportamiento para todas las intersecciones en un proyecto y análisis de la experiencia Digital, en su lugar, debe ajustar una configuración a nivel de proyecto.

1. Ir a Administrar proyecto.
2. Asegurar que Reevaluar la lógica de intercept y/o rastrear la actividad cada vez que cambie la URL está marcado en la sección Soporte de aplicaciones de página única (SPA).
3. Hacer clic Aplicar cambios .

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. Ir a Intercepta.
   
2. Ir a Configuración de Intercept.
3. En el encabezado Opciones de carga de Intercept , seleccione Cargar proyecto manualmente.
   
4. Hacer clic Aplicar cambios .
5. Si lo desea, regrese a una de sus intersecciones y configure lógica a toda su intercept o conjuntos de acciones individuales.
   
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