在此頁面上：瞭解如何在Adobe Journey Optimizer中編寫單頁應用程式，方法是在網頁SDK實作中定義檢視、使用瀏覽模式在網頁設計工具中探索檢視，以及將修改套用至選取的檢視。
關於視圖 about-views
單頁應用程式 (SPA)現在可以在網頁設計工具視覺化編輯器中撰寫。 這可讓您選取要套用網頁修改的特定的檢視。
檢視可定義為整個網站或網站上一組視覺化元素，例如首頁、整個產品網站或所有結帳頁面上的傳遞偏好設定框架。
需要一次性開發人員設定，才能在Adobe Experience Platform Web SDK實作中定義檢視。 這可讓您在SPA上建立並執行Adobe Journey Optimizer網路行銷活動。
在網頁SDK實作中定義檢視 define-views
在Adobe Journey Optimizer中可運用XDM檢視，讓行銷人員能夠透過Web視覺編輯器在SPA上執行Web個人化和實驗行銷活動。 了解更多
若要能夠在Journey Optimizer使用者介面中存取及編寫檢視，請務必遵循本節中列出的步驟。
在網頁設計工具中探索檢視 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.