在此頁面上：瞭解如何使用Adobe Journey Optimizer非視覺化編輯器將CSS選擇器和頁面標題修改新增到您的網頁，而不需要安裝瀏覽器擴充功能或載入網頁設計工具。
除了Journey Optimizer視覺化網頁設計工具之外，您也可以使用 非視覺化編輯器 來新增網頁的修改。
如果您無法或不允許安裝瀏覽器擴充功能，例如Adobe Experience Cloud Visual Helper （在網頁設計工具中載入您的網頁所需），則此功能會很有用。
在某些情況下，您可能會發現使用非視覺化編輯器對特定CSS選取器套用修改內容更容易，而不會冒修改網頁上其他元素或變更頁面結構的風險。
若要使用非視覺化編輯器編寫您的Web體驗，請遵循下列步驟。
-
在歷程或行銷活動中的 編輯內容 畫面中，取消選取 視覺編輯器 選項。
-
按一下 新增修改 以開始編輯您的網頁內容。
-
非視覺化編輯器隨即顯示。 您可以使用左窗格新增第一次修改。
-
在下拉式清單中，選取修改型別。
有兩種可供使用的型別。 它們提供不同的選項。 如需更多詳細資訊，請參閱下列連結：
-
按一下 新增個人化 按鈕。 個人化編輯器隨即開啟。
您可以善用Journey Optimizer個人化編輯器及其所有個人化和編寫功能。 了解更多
-
輸入您的內容並 儲存 您的變更。
-
您的第一次修改會顯示在 修改 窗格上方。
按一下您修改旁的 更多動作 按鈕，並選取 資訊 以顯示其詳細資料。 如果需要，您也可以刪除修改。
note NOTE 修改窗格與使用網頁設計工具時相同。 您可用它執行的所有動作都在本節中詳細說明。 -
按一下 修改 窗格頂端的 新增 按鈕以新增其他修改，並重複上述步驟。
-
此外，您可以選取網站的任何元素並追蹤該元素上的點按次數。 若要啟用點選追蹤並定義要追蹤的動作，請按一下左側邊欄上的第二個圖示，如下所示：
使用 新增元件 按鈕來選取要追蹤的新動作。 在本節中進一步瞭解點選追蹤使用量。
-
按一下畫面左上方的箭頭，瀏覽回到歷程或行銷活動版本畫面。 您可以檢視目前的變更數目，並新增更多修改。
如有需要，您也可以切換為網頁設計工具。 您的所有修改將會保留。
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 add CSS selector and page head modifications to web pages using the Journey Optimizer non-visual editor, without installing a browser extension or loading the web designer.
Intents:
- Edit web content without installing a browser extension or loading the web designer
- Switch off the Visual editor option to open the non-visual editor
- Add a CSS Selector or Page head modification
- Apply personalization to a modification through the personalization editor
- Enable click tracking on a selected element
- Switch back to the web designer while preserving modifications
Glossary:
- Non-visual editor: An editor that adds CSS selector and page head modifications to web pages without installing a browser extension or loading the web designer (product-specific)
- CSS Selector: A modification type that applies changes on a particular CSS selector (product-specific)
- Page
<head>: A modification type that applies changes to the page head (product-specific) - Modifications pane: The pane listing added modifications, the same one used in the web designer (product-specific)
- Click tracking: Selecting any element of the website to track the clicks on it, enabled from the left rail (product-specific)
Guardrails:
- To open the non-visual editor, unselect the Visual editor option on the Edit content screen in the journey or campaign.
- Two modification types are available: CSS Selector and Page head.
- The non-visual editor can be used when you cannot, or are not allowed to, install browser extensions such as the Adobe Experience Cloud Visual Helper required to load pages in the web designer.
- Switching to the web designer preserves all your modifications.
Terminology:
- Canonical name: non-visual editor — Acronym: n/a — variants: web non-visual editor
- Synonyms: “web designer” = “visual editor”
- Do not confuse: “non-visual editor” (no browser extension or web designer required) ≠ “web designer” (visual editor requiring the browser extension)
- Do not confuse: “CSS Selector” (modification on a CSS selector) ≠ “Page head” (modification to the page head)
FAQ:
- Q: How do I open the non-visual editor? — From the Edit content screen in the journey or campaign, unselect the Visual editor option, then click Add a modification.
- Q: What modification types can I add? — CSS Selector and Page head.
- Q: Do I need a browser extension to use the non-visual editor? — No, it lets you edit content without installing a browser extension or loading the web designer.
- Q: Can I track clicks on an element? — Yes, select any element of your website and enable click tracking from the second icon on the left rail, using Add Component to select an action to track.
- Q: Will my modifications be kept if I switch to the web designer? — Yes, all your modifications will be preserved.