이메일 템플릿 우수 사례 best-practices-for-email-templates
Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은
기술 지원 기간. 지원되는 버전 찾기
여기.
이 문서에서는 잘 개발된 이메일 캠페인 템플릿에 기여하는 이메일 디자인에 대한 모범 사례 중 일부를 설명합니다.
AEM에서 사용할 수 있는 데모 캠페인은 이러한 모든 우수 사례를 따릅니다. 데모 캠페인에서 모범 사례를 구현하는 방법은 각 우수 사례에 대해 설명되어 있습니다.
자신만의 뉴스레터를 만들 때 이러한 우수 사례를 사용하십시오.
모든 캠페인 콘텐츠는 master
페이지 유형 cq/personalization/components/ambitpage
. 예를 들어 캠페인 구조를 계획하는 경우 다음과 같습니다.
/content/campaigns/teasers/en/campaign-promotion-global
마스터 페이지 아래에 있는지 확인해야 합니다.
/content/campaigns/teasers/master/en/campaign-promotion-global
Adobe Campaign용 메일 템플릿을 만들 때는 속성을 포함해야 합니다 acMapping 값 사용 mapRecipient 에서 jcr:content 템플릿의 노드 또는 페이지 속성 AEM의 경우(필드가 비활성화되어 있음).
템플릿/페이지 구성 요소 template-page-component
/libs/mcm/campaign/components/campaign_newsletterpage
이미지 images
/libs/mcm/campaign/components/image
추가 alt 이미지에 대한 속성
다음 alt 속성이 이미지 구성 요소에 대해 필수로 정의되었습니다.
사용 jpg 대신 png 이미지 형식
이미지는 항상 이미지 구성 요소에서 JPG으로 제공됩니다.
사용 <img>
요소를 생성하지 않습니다.
템플릿에 배경 이미지 데이터가 사용되지 않습니다.
그림에 속성 style="display block"을 추가합니다. Gmail에서 잘 표시할 수 있습니다.
모든 이미지는 기본적으로 을 포함합니다 style="display block" 속성을 사용합니다.
텍스트 및 링크 text-and-links
/libs/mcm/campaign/components/heading, /libs/mcm/campaign/components/textimage
범용 generic
W3C 유효성 검사기를 사용하여 HTML 코드를 수정합니다. 열려 있는 모든 태그가 올바르게 닫혀 있는지 확인합니다.
코드가 검증되었습니다. XHTML 변환 Doctype에 대해 누락된 xmlns 속성만 표시됩니다. <html>
요소가 없습니다.
JavaScript나 Flash을 사용하지 마십시오. 이러한 기술은 이메일 클라이언트가 주로 지원하지 않습니다.
JavaScript나 Flash은 뉴스레터 템플릿에 사용되지 않습니다.
다중 부분 전송을 위한 일반 텍스트 버전을 추가합니다.
페이지 컨텐츠에서 일반 텍스트 버전을 쉽게 추출하기 위해 새 위젯이 페이지 속성에 빌드되었습니다. 최종 일반 텍스트 버전의 시작점으로 사용할 수 있습니다.
Campaign 뉴스레터 템플릿 및 예제 campaign-newsletter-templates-and-examples
AEM에는 캠페인 뉴스레터를 만들기 위해 즉시 사용 가능한 몇 가지 템플릿과 구성 요소가 포함되어 있습니다. 이러한 템플릿 및 구성 요소를 사용하여 사용자 지정 뉴스레터를 만들 수 있습니다.
템플릿 templates
솔리드 베이스를 제공하고 다양한 컨텐츠 플로우 가능성을 확장하기 위해 기본적으로 사용할 수 있는 템플릿 유형은 세 가지가 약간 다릅니다. 이를 사용하여 사용자 정의 뉴스레터를 쉽게 작성할 수 있습니다.
모두 헤더, 바닥글 그리고 바디 섹션을 참조하십시오. 본문 섹션 아래에는 각 템플릿이 열 디자인 (1, 2 또는 3열).
구성 요소 components
현재 캠페인 템플릿 내에서 사용할 수 있는 7가지 구성 요소. 이러한 구성 요소는 모두 Adobe 마크업 언어를 기반으로 합니다 HTL.
제목
/libs/mcm/campaign/components/heading
이미지
/libs/mcm/campaign/components/image
텍스트 및 개인화
/libs/mcm/campaign/components/personalization
Textimage
/libs/mcm/campaign/components/textimage
링크
/libs/mcm/campaign/components/reference
Dynamic Media Classic(이전 Scene7) 이미지 템플릿
/libs/mcm/campaign/s7image
타깃팅된 참조
/libs/mcm/campaign/components/reference
이러한 구성 요소는 메일 콘텐츠에 최적화되어 있습니다. 즉, 이 문서에서는 이 문서에 설명된 우수 사례를 따릅니다. 다른 기본 구성 요소를 사용하면 일반적으로 이러한 규칙을 위반합니다.
이러한 구성 요소는 다음과 같이 자세히 설명합니다. Adobe Campaign 구성 요소.