이메일 템플릿에 대한 우수 사례 best-practices-for-email-templates
Last update: Thu Dec 07 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
이 문서는 더 이상 사용되지 않는 기초 구성 요소 기반 AEM 이메일 구성 요소에 적용됩니다.
이 문서에서는 이메일 디자인 관련 모범 사례 중 일부를 설명합니다. 이렇게 하면 이메일 캠페인 템플릿이 제대로 개발됩니다.
AEM에서 사용할 수 있는 데모 캠페인은 이러한 모든 모범 사례를 따릅니다. 각 모범 사례에 대해 데모 캠페인에서 모범 사례를 구현하는 방법을 설명합니다.
뉴스레터를 생성할 때 다음 모범 사례를 사용하십시오.
모든 캠페인 콘텐츠는 master
유형의 페이지 cq/personalization/components/ambitpage
.
예를 들어 계획된 캠페인 구조가 다음과 같은 경우
/content/campaigns/teasers/en/campaign-promotion-global
이(가) 아래에 있는지 확인합니다. master
페이지
/content/campaigns/teasers/master/en/campaign-promotion-global
Adobe Campaign용 메일 템플릿을 만들 때 속성을 포함해야 합니다 acMapping 값 포함 mapRecipient 다음에서 jcr:content 템플릿의 노드 이 옵션을 선택하지 않으면 에서는 Adobe Campaign 템플릿을 선택할 수 없습니다. 페이지 속성 / Experience Manager (필드가 비활성화됨)
템플릿/페이지 구성 요소 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
기본 템플릿을 제공하고 다양한 콘텐츠 흐름 가능성을 넓히기 위해 즉시 사용할 수 있는 세 가지 약간 다른 템플릿 유형이 있습니다. 이 세 가지 유형을 사용하여 사용자 지정 뉴스레터를 쉽게 작성할 수 있습니다.
모두 이(가) 있음 머리글 , a 꼬리말 , 및 본문 섹션. 본문 섹션 아래에서 각 템플릿은 열 디자인 (1열, 2열 또는 3열)
구성 요소 components
현재 다음 항목이 있습니다. 캠페인 템플릿 내에서 사용할 수 있는 7개 구성 요소 . 이러한 구성 요소는 모두 Adobe 마크업 언어를 기반으로 합니다 HTL .
제목
/libs/mcm/campaign/components/header
이미지
/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 구성 요소 .