在此页面上：了解如何在Adobe Journey Optimizer中创作单页应用程序，方法是：在Web SDK实施中定义视图，在Web设计器中使用浏览模式搜索这些视图，并将修改应用于所选视图。
关于视图 about-views
现在可以在Web设计器可视编辑器中创作单页应用程序 (SPA)。 这允许您选择要将网页修改应用于的特定视图。
视图可定义为整个网站或网站上的一组可视化元素，例如主页、整个产品网站或所有结账页面上的投放首选项框架。
在Adobe Experience Platform Web SDK实施中定义视图需要一次性开发人员设置。 这使您能够在SPA上创建并运行Adobe Journey Optimizer Web营销活动。
在Web SDK实施中定义视图 define-views
可在Adobe Journey Optimizer中利用XDM视图，使营销人员能够通过Web可视化编辑器在SPA上运行Web个性化和实验营销活动。 了解详情
若要能够在Journey Optimizer用户界面中访问和创作视图，请确保按照本节中列出的步骤操作。
在Web设计器中发现视图 discover-views
在Adobe Experience Platform Web SDK实施中完成SPA设置后，您需要导航浏览要应用修改的网站的所有视图。 请按照以下步骤操作。
-
您当前所在的视图将显示在左上方。
-
切换到 浏览 模式。 了解详情
-
在网站的不同页面之间导航以发现所有页面。 当您浏览其他页面时，顶部显示的视图名称会发生更改。
将修改应用于其他视图 apply-modifications-views
在特定视图中添加修改后，可将其应用于其他选定视图。 请按照以下步骤操作。
-
选择 修改 图标以在左侧显示相应的窗格。
-
选择任何修改并单击其旁边的 更多操作 按钮。 选择应用到更多视图。
-
选择要将更改应用到其中的视图。
-
单击应用。
-
切换到 浏览 模式以检查修改是否应用于所需页面。
操作方法视频 video
以下视频介绍了如何：
- 使用 浏览 模式发现SPA视图
- 在当前视图上进行创作
- 将网站修改应用于发现的多个视图或所有视图
- 对修改执行批量操作
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.