Sur cette page : découvrez comment créer des applications d’une seule page dans Adobe Journey Optimizer en définissant des vues dans l’implémentation de Web SDK, en les découvrant dans le concepteur web en mode de navigation et en appliquant des modifications aux vues sélectionnées.
À propos des vues about-views
Les applications monopages peuvent désormais être créées dans l’éditeur visuel du concepteur web. Vous pouvez ainsi sélectionner les vues spécifiques auxquelles vous souhaitez appliquer vos modifications de page web.
Découvrez comment créer des applications à une seule page dans cette vidéo
Une vue peut être définie pour un site entier ou un groupe d’éléments visuels sur un site, tels que la page d’accueil, l’ensemble du site de produits ou les préférences de livraison, encadrés sur toutes les pages de passage en caisse.
Une configuration unique du développeur est nécessaire pour définir les vues dans l’implémentation du SDK web Adobe Experience Platform. Vous pouvez ainsi créer et exécuter des campagnes web Adobe Journey Optimizer sur les applications à une seule page.
Définition des vues dans l’implémentation du SDK web define-views
Les vues XDM peuvent être exploitées dans Adobe Journey Optimizer pour permettre aux spécialistes du marketing d’exécuter des campagnes de personnalisation et d’expérimentation web sur une application à une seule page via l’éditeur visuel web. En savoir plus
Pour créer des vues dans l’interface utilisateur de Journey Optimizer et y accéder, suivez les étapes répertoriées dans cette section.
Découvrez les vues dans le concepteur web discover-views
Une fois la configuration des applications à une seule page effectuée dans l’implémentation du SDK web d’Adobe Experience Platform, vous devez parcourir toutes les vues de votre site Web auxquelles vous souhaitez appliquer des modifications. Suivez les étapes ci-après.
-
Créez un parcours web ou une campagne web et accédez au concepteur web.
La vue dans laquelle vous vous trouvez actuellement s’affiche en haut à gauche.
-
Basculez vers le mode Parcourir. En savoir plus
-
Naviguez entre les différentes pages du site Web pour toutes les découvrir. Le nom de la vue affiché en haut change lorsque vous accédez à une autre page.
Appliquer des modifications à d’autres vues apply-modifications-views
Une fois que vous avez ajouté une modification alors que vous vous trouvez dans une vue spécifique, vous pouvez l’appliquer à d’autres vues sélectionnées. Suivez les étapes ci-après.
-
Sélectionnez l’icône Modifications pour afficher le volet correspondant à gauche.
-
Sélectionnez une modification et cliquez sur le bouton Autres actions en regard. Sélectionnez Appliquer à d’autres vues.
-
Sélectionnez les vues auxquelles vous souhaitez appliquer vos modifications.
-
Cliquez sur Appliquer.
-
Passez au mode Parcourir pour vérifier que les modifications sont appliquées aux pages souhaitées.
Vidéo pratique video
Cette vidéo explique comment :
- Découvrir les vues SPA en mode Parcourir
- Effectuer une création dans la vue actuelle
- Appliquer des modifications de site Web à plusieurs vues ou à toutes les vues découvertes
- Effectuer des actions en bloc sur les modifications
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.