文档Journey OptimizerJourney Optimizer 指南

使用Web非可视化编辑器 web-non-visual-editor

最近更新： 2026年9月9日

创建对象：

  • Experienced
  • 用户

在此页面上：​了解如何使用Adobe Journey Optimizer非可视编辑器将CSS选择器和页头修改添加到您的网页，而无需安装浏览器扩展或加载Web设计器。

style
shade-box

除了Journey Optimizer可视化Web设计器之外，您还可以使用​ 非可视编辑器 ​向网页添加修改。

如果不能或不允许安装浏览器扩展（如Adobe Experience Cloud Visual Helper），则此功能可能很有用，在Web设计器中加载页面时需要使用该功能。

在某些情况下，您还可能会发现使用非可视编辑器对特定CSS选择器应用修改会更容易，而不会冒修改网页上的其他元素或更改页面结构的风险。

要通过非可视化编辑器创作Web体验，请执行以下步骤。

  1. 从历程或营销策划中的​ 编辑内容 ​屏幕中，取消选择​ 可视编辑器 ​选项。

  2. 单击​ 添加修改 ​以开始编辑您的Web内容。

  3. 此时将显示非可视编辑器。 您可以使用左窗格添加第一次修改。

  4. 在下拉列表中，选择修改类型。

    有两种类型可用。 它们有不同的选择。 有关更多详细信息，请参阅下面的链接：

  5. 单击​ 添加个性化 ​按钮。 个性化编辑器将打开。

    您可以利用Journey Optimizer个性化编辑器及其所有个性化和创作功能。 了解详情

  6. 输入您的内容并​ 保存 ​您的更改。

  7. 您的第一次修改显示在​ 修改 ​窗格的顶部。

    单击修改旁边的​ 更多操作 ​按钮，然后选择​ 信息 ​以显示其详细信息。 如果需要，您还可以​删除修改。

    {width="50%"}

    note
    NOTE
    修改​窗格与使用Web设计器时相同。 您可以对其执行的所有操作在此部分中都有详细说明。

  8. 单击​ 修改 ​窗格顶部的​ 添加 ​按钮以添加其他修改，并重复上述步骤。

  9. 此外，您还可以选择网站的任何元素并跟踪对该元素的点击。 要启用点击跟踪并定义要跟踪的操作，请单击左边栏上的第二个图标，如下所示：

    {width="50%"}

    使用​ 添加组件 ​按钮选择要跟踪的新操作。 在本节中了解有关点击跟踪用法的更多信息。

  10. 单击屏幕左上方的箭头以浏览回历程或营销策划版屏幕。 您可以查看当前更改数量并添加更多修改。

    如果需要，您还可以切换到Web设计器。 您的所有修改都将被保留。

AI Knowledge Reference

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.
recommendation-more-help
journey-optimizer-help