설명서Journey OptimizerJourney Optimizer 안내서

나만의 콘텐츠 코딩 code-content

마지막 업데이트: 2026년 9월 5일

작성 대상:

  • 중급
  • 사용자

이 페이지에서: 개인화 추가 방법, 사용 가능한 날짜 및 시간 기능을 포함하여 이메일 콘텐츠를 작성하기 위해 이메일 Designer 코드 편집기에서 원시 HTML을 작성하거나 붙여넣는 방법에 대해 알아봅니다.

style
shade-box

직접 코드 작성​을 통해 원시 HTML을 작성하거나 붙여 넣어 Journey Optimizer 전자 메일 Designer에서 직접 전자 메일 콘텐츠를 작성할 수 있습니다. 마크업을 완전히 제어해야 하거나 기존 HTML을 가져올 때 이 모드를 사용합니다.

HTML 스킬이 있어야 하며, 이 모드를 선택하면 코드 편집기에 계속 남아 있으므로 비주얼 편집기로 전환할 수 없습니다.

➡️ 비디오에서 이 기능 살펴보기

NOTE
직접 코드​은(는) 전자 메일 Designer의 고급 HTML 편집기와 다릅니다. 고급 HTML 편집기를 사용하면 코드 편집기가 아니라 언제든지 HTML 보기와 시각적(데스크톱) 보기 사이를 전환할 수 있습니다. 고급 HTML 편집기에 대해 자세히 알아보세요.

코드 편집기 사용 use-code-editor

코드 편집기를 사용하여 전자 메일 콘텐츠를 만들거나 편집하려면 다음 단계를 따르십시오.

  1. 전자 메일 Designer 홈 페이지에서 직접 코드 작성​을 선택합니다.

  2. 원시 HTML 코드를 입력하거나 붙여넣습니다.

  3. 왼쪽 창에서 Journey Optimizer 개인화 기능을 활용하십시오. 자세히 알아보기

    note
    NOTE
    이메일 Designer의 개인화 편집기에는 여정 표현식에 비해 몇 가지 기능 제한이 있습니다. 날짜/시간 함수 제한에 대해 자세히 알아보기

  4. 이메일 콘텐츠를 지우고 새로운 디자인으로 이메일을 시작하려면 옵션 메뉴에서 디자인 변경​을 선택합니다.

    note
    NOTE
    이 작업을 수행하면 이메일 디자이너에서 선택한 템플릿이 열립니다. 여기에서 이메일 디자인을 완료하거나 코드 편집기로 전환 옵션을 사용하여 코드 편집기로 돌아갈 수 있습니다.

  5. 테스트 프로필을 사용한 메시지 디자인 및 개인화를 확인하려면 미리 보기 단추를 클릭하세요. 자세히 알아보기

  6. 코드가 준비되면 저장​을 클릭한 다음 메시지 생성 화면으로 돌아가서 메시지 생성을 완료합니다.

CAUTION
Code your own 메서드를 사용할 때는 Adobe Experience Manager Assets의 이미지를 참조할 수 없습니다. HTML 코드에서 참조한 이미지를 공개 위치에 저장합니다.

날짜 및 시간 함수 제한 사항 date-time-limitations

이메일 Designer 코드 편집기에서 개인화를 사용하는 경우 동적 날짜 계산에 now() 함수를 사용할 수 없습니다.

IMPORTANT
now() 함수는 Email Builder의 표현식 언어로 지원되지 않음​입니다. now()은(는) 여정 조건에서 사용할 수 있지만 전자 메일 콘텐츠 또는 코드 편집기 내에서는 사용할 수 없습니다.

사용 가능한 대체 요소:

이메일 개인화의 현재 날짜 및 시간으로 작업하려면 다음 함수를 사용하십시오.

  • getCurrentZonedDateTime() - 표준 시간대 정보와 함께 현재 날짜 및 시간을 반환합니다. now()에 대한 권장 대안입니다.

    예: {%= getCurrentZonedDateTime() %}이(가) 2024-12-06T17:22:02.281067+05:30[Asia/Kolkata]을(를) 반환합니다.

  • currentTimeInMillis() - 에포크 밀리초로 현재 시간을 반환합니다.

    예: {%= currentTimeInMillis() %}

권장 해결 방법:

이메일 콘텐츠에서 날짜 계산을 수행해야 하는 경우:

  • 날짜 필드 미리 계산 - 전자 메일을 보내기 전에 데이터 파이프라인 또는 프로필 특성에서 필요한 날짜 값을 계산한 다음 개인화에서 이러한 미리 계산된 값을 참조합니다.

    예: {%= profile.timeSeriesEvents._mobile.hotelBookingDetails.bookingDate %}

  • 날짜 조작 함수 사용 - 프로필 특성의 날짜 값과 함께 dayOfYear() 또는 diffInDays()과(와) 같은 날짜/시간 함수 사용을(를) 사용합니다.

    예: {%= formatDate(profile.timeSeriesEvents._mobile.hotelBookingDetails.bookingDate, "MM/dd/YY") %}

  • 계산된 특성 사용 - 복잡한 날짜 계산을 수행하는 계산된 특성 만들기를 통해 결과를 프로필 특성으로 사용할 수 있습니다.

지원되는 함수의 전체 목록은 날짜 및 시간 함수를 참조하십시오.

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 use the Code your own mode to write or paste raw HTML in the Email Designer code editor to build email content, add personalization, and work with date and time using the available functions and workarounds.

Intents:

  • Write or paste raw HTML to build email content using Code your own
  • Add personalization using the left pane of the code editor
  • Preview the message design and personalization using test profiles
  • Clear content and start a new design with Change your design
  • Work with current date and time using available functions and recommended workarounds

Glossary:

  • Code your own: A mode to write or paste raw HTML to build email content directly in the Email Designer; once chosen, you stay in the code editor and cannot switch to the visual editor (product-specific)
  • Advanced HTML editor: A different feature that lets you toggle between HTML view and the visual (Desktop) view at any time; not the same as Code your own (product-specific)
  • getCurrentZonedDateTime(): Returns the current date and time with time zone information; the recommended alternative to now() (product-specific)
  • currentTimeInMillis(): Returns current time in epoch milliseconds (product-specific)

Guardrails:

  • You must have HTML skills; once you choose Code your own, you stay in the code editor and cannot switch to the visual editor.
  • The now() function is not supported in the Email Builder’s expression language; while available in journey conditions, it cannot be used within email content or the code editor.
  • The personalization editor in the Email Designer has some function limitations compared to journey expressions.
  • Images from Adobe Experience Manager Assets cannot be referenced when using Code your own; store referenced images in a public location.

Terminology:

  • Canonical name: Code your own — Acronym: n/a — variants: code editor, code your own content
  • Synonyms: “Code your own” = “code editor mode”
  • Do not confuse: “Code your own” (code editor only, no switch to visual editor) ≠ “advanced HTML editor” (toggles between HTML view and visual Desktop view)

FAQ:

  • Q: Can I switch from the code editor to the visual editor? — No; once you choose Code your own, you stay in the code editor. (The separate advanced HTML editor does allow toggling between HTML and Desktop views.)
  • Q: Can I use now() in email content or the code editor? — No; now() is not supported in the Email Builder’s expression language, though it is available in journey conditions. Use getCurrentZonedDateTime() (recommended) or currentTimeInMillis().
  • Q: Can I reference AEM Assets images in Code your own? — No; store images referenced in your HTML code in a public location.
  • Q: How can I perform date calculations in email content? — Pre-calculate date fields in your data pipeline or profile attributes, use date manipulation functions with profile date values, or use computed attributes.
recommendation-more-help
journey-optimizer-help