En esta página: Aprenda a crear aplicaciones de una sola página en Adobe Journey Optimizer definiendo vistas en la implementación de Web SDK, descubriéndolas en el diseñador web con el modo de exploración y aplicando modificaciones a las vistas seleccionadas.
Acerca de las vistas about-views
Ahora se pueden crear aplicaciones de una sola página (SPA) en el editor visual del diseñador web. Esto le permite seleccionar a qué vistas específicas desea aplicar las modificaciones de la página web.
Aprenda a crear aplicaciones de una sola página en este vídeo
Una vista puede definirse como un sitio completo o un grupo de elementos visuales en un sitio, como la página de inicio, la totalidad de productos del sitio o el marco de preferencias de envío en todas las páginas de cierre de compra.
Se necesita una configuración de desarrollador única para definir las vistas en la implementación de Adobe Experience Platform Web SDK. Esto le permite crear y ejecutar campañas web de Adobe Journey Optimizer en SPA.
Definición de vistas en la implementación de Web SDK define-views
Las vistas XDM se pueden aprovechar en Adobe Journey Optimizer para que los especialistas en marketing puedan ejecutar campañas de personalización y experimentación web en SPA a través del editor visual web. Más información
Para poder tener acceso y crear vistas en la interfaz de usuario de Journey Optimizer, asegúrese de seguir los pasos que se indican en esta sección.
Descubra vistas en el diseñador web discover-views
Una vez que la configuración de las SPA se realiza en la implementación de Adobe Experience Platform Web SDK, debe navegar por todas las vistas del sitio web al que desee aplicar las modificaciones. Siga los pasos a continuación.
-
Cree un recorrido web o una campaña y acceda al diseñador web.
La vista en la que se encuentra actualmente se muestra en la parte superior izquierda.
-
Cambiar al modo Examinar. Más información
-
Navegue entre las diferentes páginas del sitio web para descubrirlas todas. El nombre de la vista que aparece en la parte superior cambia al pasar por otra página.
Aplicar modificaciones a otras vistas apply-modifications-views
Una vez añadida una modificación mientras se encuentra en una vista específica, puede aplicarla a otras vistas seleccionadas. Siga los pasos a continuación.
-
Seleccione el icono Modificaciones para mostrar el panel correspondiente a la izquierda.
-
Seleccione cualquier modificación y haga clic en el botón Más acciones que está junto a ella. Seleccione Aplicar a más vistas.
-
Seleccione las vistas a las que desee aplicar los cambios.
-
Haga clic en Aplicar.
-
Cambie al modo Examinar para comprobar que las modificaciones se aplican en las páginas deseadas.
Vídeo práctico video
En este vídeo se explica cómo:
- Descubra vistas de SPA con el modo Examinar
- Crear en la vista actual
- Aplicar modificaciones del sitio web a varias vistas o a todas las vistas descubiertas
- Realizar acciones masivas en las modificaciones
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to author single-page applications in the Journey Optimizer web designer by defining views in the Web SDK implementation, discovering them with Browse mode, and applying modifications to selected views.
Intents:
- Author single-page applications (SPAs) in the web designer visual editor
- Define views in the Adobe Experience Platform Web SDK implementation
- Discover views in the web designer using Browse mode
- Apply a modification made in one view to other selected views
- Perform bulk actions on modifications across views
Glossary:
- View: A whole site or a group of visual elements on a site, such as the home page, the entirety of the products site, or the delivery preferences frame on all the checkout pages (product-specific)
- Browse mode: A web designer mode used to navigate through the pages of a website to discover its views (product-specific)
- Apply to more views: A More actions option that applies a selected modification to other selected views (product-specific)
- Modifications pane: The left-side pane displaying modifications, from which more actions can be taken on each modification (product-specific)
Guardrails:
- A one-time developer setup is needed to define the views in the Adobe Experience Platform Web SDK implementation before views can be authored.
- If you have not discovered views using Browse mode, you will not be able to select them for applying your modifications.
- Applying a modification to other views requires first adding a modification while in a specific view.
Terminology:
- Canonical name: View — Acronym: n/a — variants: SPA view
- Synonyms: “single-page application” = “SPA”
- Do not confuse: “Browse mode” (used to discover and navigate to views) ≠ “Apply to more views” (action that applies a modification to other selected views)
FAQ:
- Q: How do I discover the views of my website? — Access the web designer, swap to Browse mode, and navigate between the different pages; the view name displayed on top changes as you go through each page.
- Q: Why can I not select views to apply my modifications to? — You must first discover the views using Browse mode; otherwise you cannot select them.
- Q: How do I apply a modification to other views? — In the Modifications pane, select the modification, click More actions, choose Apply to more views, select the target views, and click Apply.
- Q: What is the prerequisite for authoring SPAs? — A one-time developer setup to define the views in the Adobe Experience Platform Web SDK implementation.