이 페이지에서: 브라우저 확장을 설치하거나 웹 디자이너를 로드하지 않고 Adobe Journey Optimizer 비시각적 편집기를 사용하여 CSS 선택기와 페이지 헤드 수정 사항을 웹 페이지에 추가하는 방법을 알아봅니다.
Journey Optimizer 비주얼 웹 디자이너 외에도 비비주얼 편집기를 사용하여 웹 페이지에 수정 사항을 추가할 수도 있습니다.
이 기능은 웹 디자이너에서 페이지를 로드하는 데 필요한 Adobe Experience Cloud Visual Helper와 같은 브라우저 확장 기능을 설치할 수 없거나 설치할 수 없는 경우에 유용합니다.
경우에 따라, 웹 페이지의 다른 요소를 수정하거나 페이지 구조를 변경하지 않고도 시각적이지 않은 편집기를 사용하여 특정 CSS 선택기에 수정 사항을 적용하는 것이 더 쉬울 수 있습니다.
시각적이지 않은 편집기로 웹 경험을 작성하려면 아래 단계를 따르십시오.
-
여정 또는 캠페인의 콘텐츠 편집 화면에서 시각적 편집기 옵션을 선택 취소합니다.
-
웹 콘텐츠 편집을 시작하려면 수정 사항 추가를 클릭하세요.
-
비시각적 편집기가 표시됩니다. 왼쪽 창을 사용하여 첫 번째 수정 사항을 추가할 수 있습니다.
-
드롭다운 목록에서 수정 유형을 선택합니다.
두 가지 유형을 사용할 수 있습니다. 다양한 옵션이 제공됩니다. 자세한 내용은 아래 링크를 참조하십시오.
-
개인화 추가 단추를 클릭합니다. 개인화 편집기가 열립니다.
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.