Skip to content

이메일용 AMP

이메일용 AMP를 사용하면 이메일에 인터랙티브 요소를 추가하고 고객과의 커뮤니케이션을 한 단계 끌어올릴 수 있으며, 사용자의 받은편지함에 직접 풍부한 경험을 전달할 수 있습니다. AMP는 다양한 구성요소를 활용하여 설문조사, 피드백 설문지, 투표 Campaign, 리뷰, 구독 센터 등 매력적인 이메일 콘텐츠를 구축할 수 있게 해줍니다. 이러한 도구는 참여도와 리텐션을 높일 수 있는 기회를 제공합니다.

요구 사항

Braze는 사용자가 Google에 등록하거나 필요한 보안 요구 사항을 충족하는 것에 대해 책임지지 않습니다. 이메일용 AMP는 SparkPost 및 SendGrid에서만 사용할 수 있습니다.

지원되는 이메일 클라이언트

사용자에게 AMP 이메일을 보내려면 먼저 이메일 클라이언트에 등록해야 합니다. 등록 과정에서는 승인을 받기 위해 테스트 AMP HTML 이메일을 보내야 합니다. 승인 시간은 클라이언트마다 다릅니다. 자세한 내용은 등록 링크를 참조하세요.

클라이언트 등록 링크
Gmail Google
FairEmail FairEmail
Yahoo Yahoo
Mail.ru Mail.ru

지원되는 이메일 클라이언트의 전체 목록은 AMP 설명서를 참조하세요.

Gmail 계정 활성화

Gmail 설정으로 이동하여 기본설정 아래에서 동적 이메일 사용을 선택합니다.

Gmail 설정에서 '동적 이메일 사용' 체크박스가 선택된 예시.

API 사용법

API를 통해서도 이메일용 AMP를 사용할 수 있습니다. Braze 메시징 엔드포인트를 사용하여 이메일을 보내는 경우, 아래와 같이 amp_body를 오브젝트 사양으로 추가하세요.

이메일 오브젝트 사양

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

{
  "app_id": (required, string) see app identifier above,
  "subject": (optional, string),
  "from": (required, valid email address in the format "Display Name <[email protected]>"),
  "reply_to": (optional, valid email address in the format "[email protected]" - defaults to your workspace's default reply to if not set),
  "plaintext_body": (optional, valid plaintext, defaults to autogenerating plaintext from "body" when this is not set),
  "amp_body": (optional, updates the text-amp-html MIME type) the email body in AMP HTML. The MIME (Multipurpose Internet Mail Extensions) type to be referenced is "text/x-amp-html",
  "body": (required unless email_template_id is given, valid HTML),
  "preheader": (optional*, string) Recommended length 50-100 characters,
  "email_template_id": (optional, string) If provided, we will use the subject/body/should_inline_css values from the given email template UNLESS they are specified here, in which case we will override the provided template,
  "message_variation_id": (optional, string) used when providing a campaign_id to specify which message variation this message should be tracked under,
  "extras": (optional, valid key-value hash), extra hash - for SendGrid customers, this will be passed to SendGrid as Unique Arguments,
  "headers": (optional, valid key-value hash), hash of custom extensions headers. Currently, only supported for SendGrid customers,
  "should_inline_css": (optional, boolean), whether to inline CSS on the body. If not provided, falls back to the default CSS inlining value for the workspace,
  "attachments": (optional, array), array of JSON objects like [{"file_name","url"}] that define the files you need attached. Your file name's extension will be detected automatically from the URL, which should return the appropriate `Content-Type` as a response header,
}

AMP 이메일 만들기

먼저 구성요소를 사용하여 AMP 이메일을 작성합니다. 그런 다음 Braze API를 사용하여 메시지를 보내되, AMP HTML에 amp_body를 포함해야 합니다.

AMP HTML 외에도 일반 HTML body 버전이 필요하며, AMP 이메일의 plaintext_body 버전도 함께 제공하는 것을 권장합니다. 모든 AMP 이메일은 멀티파트로 발송되므로, Braze는 HTML, 일반 텍스트, AMP HTML을 지원하는 이메일을 발송합니다. 이메일용 AMP를 아직 지원하지 않는 공급자를 통해 이메일이 발송되는 경우에도 사용자와 기기에 따라 적절한 버전으로 자동 전환되므로 유용합니다.

다음 추가 리소스를 참조하세요:

구성요소

AMP 요소를 작성할 때는 엔지니어링 팀과 확인하고 디자인 리소스와 요소를 포함하여 추가적인 완성도를 높이는 것을 권장합니다.

이러한 각 요소는 AMP 이메일 본문에 필수입니다.

이러한 구성요소를 사용하여 이메일에 동적 레이아웃과 동작을 만들 수 있습니다.

AMP의 구성요소를 활용하여 오디언스에 맞게 이메일을 꾸며보세요.

AMP 구성요소의 전체 목록은 AMP 설명서를 확인하세요.

활용 사례

<amp-form> 구성요소를 사용하면 이메일 받은편지함을 떠나지 않고도 완료할 수 있는 인터랙티브 설문조사를 만들 수 있습니다. <amp-form>을 사용하여 설문조사 응답을 제출하고, 백엔드에서 이 집계 데이터를 제공하도록 할 수 있습니다.

몇 가지 예시:

  • 컨퍼런스 설문조사 이메일
  • 피드에서 항목을 동적으로 업데이트
  • 문서 북마크 이메일

이 구성요소를 사용하면 사용자가 필드 값을 제출하거나 지울 수 있습니다. 또한 이메일 설정 방식에 따라 설문조사 제출이 성공했는지 여부와 같은 추가 프롬프트를 사용자에게 제공하거나, 설문조사 결과(예: 투표 Campaign)를 보여주는 사용자 응답을 렌더링할 수 있습니다.

<amp-accordion> 구성요소를 사용하여 콘텐츠 섹션을 확장할 수 있습니다. 이 구성요소를 사용하면 접을 수 있고 펼칠 수 있는 콘텐츠 섹션을 표시하여 독자가 콘텐츠 개요를 한눈에 보고 원하는 섹션으로 이동할 수 있습니다.

긴 교육 문서나 개인화된 추천을 자주 보내는 경우, 독자가 콘텐츠 개요를 한눈에 보고 원하는 섹션이나 특정 제품 추천으로 이동하여 자세한 내용을 확인할 수 있습니다. 이는 특히 섹션의 몇 문장만으로도 스크롤이 필요한 모바일 사용자에게 유용합니다.

리테일 브랜드처럼 전문적인 사진이 많은 이메일을 자주 보내는 경우, <amp-image-lightbox> 구성요소를 사용하여 사용자가 관심 있는 이미지와 상호작용할 수 있게 할 수 있습니다. 사용자가 이미지를 클릭하면 이 구성요소가 메시지 중앙에 이미지를 표시하여 라이트박스 효과를 만듭니다.

또한 <amp-image-lightbox> 구성요소를 사용하면 사용자가 상세한 이미지 설명을 볼 수 있습니다. 하나 이상의 이미지에 동일한 구성요소를 사용할 수 있습니다. 예를 들어, 이메일에 여러 이미지가 포함된 경우 사용자가 어떤 이미지를 클릭하든 해당 이미지가 라이트박스에 표시됩니다.

주로 텍스트에 의존하는 이메일의 경우, <amp-fit-text> 구성요소를 사용하여 지정된 영역 내에서 텍스트의 크기와 맞춤을 관리할 수 있습니다.

예시:

  • 영역에 맞게 텍스트 크기 조정
  • 최대 글꼴 크기를 설정하여 영역에 맞게 텍스트 크기 조정
  • 콘텐츠가 영역을 초과할 때 텍스트 잘라내기

amp-mustache 사용하기

Liquid와 마찬가지로 AMP도 고급 사용 사례를 위한 스크립팅 언어를 지원합니다. 이 구성요소는 amp-mustache라고 합니다. Mustache 마크업 언어를 포함할 때는 Liquid의 raw 태그로 감싸야 합니다. Liquid와 Mustache는 구문 스타일을 공유한다는 점에 유의하세요.

콘텐츠를 raw 태그로 감싸면 Braze 처리 엔진이 raw 태그 사이의 콘텐츠를 무시하고 팀에서 필요한 Mustache 변수를 그대로 발송합니다.

측정기준 및 분석

측정기준 세부 정보
총 열람 수 총 열람 건수는 열람한 총 메시지 수입니다. AMP 이메일의 경우, HTML 및 일반 텍스트 버전의 총 열람 수입니다.
총 클릭 수 총 클릭 수는 전달된 메시지의 링크를 클릭한 고유 수신자 수입니다. AMP 이메일의 경우, HTML 및 일반 텍스트 버전의 총 클릭 수입니다.
AMP 열람 수 AMP 열람은 AMP HTML 이메일 및 AMP HTML 버전의 이메일에서 열람한 총 횟수입니다.
AMP 클릭 수 AMP 클릭 수는 이메일의 HTML, 일반 텍스트 및 AMP HTML 버전을 합산한 총 클릭 수입니다.

테스트 및 문제 해결

총 클릭 수와 고유 클릭 수에는 AMP 메시지에서 발생한 클릭이 포함되지 않습니다(HTML 및 일반 텍스트만 해당). AMP 관련 클릭은 amp_click 측정기준에 귀속됩니다.

AMP 이메일을 보내기 전에 이 Gmail 가이드라인에 따라 테스트하는 것을 권장합니다.

AMP 이메일이 Gmail 계정에 전달되려면 다음 조건을 충족해야 합니다:

  • 이메일용 AMP 보안 요구 사항을 충족해야 합니다.
  • AMP MIME 파트에 유효한 AMP 문서가 포함되어야 합니다.
  • 이메일에 HTML MIME 파트보다 AMP MIME 파트가 먼저 포함되어야 합니다.
  • AMP MIME 파트는 100 KB 미만이어야 합니다.

이러한 조건 중 어느 것도 오류의 원인이 아닌 경우 고객지원에 문의하세요.

자주 묻는 질문

AMP 이메일로 Segment를 나눠야 하나요?

다양한 유형의 사용자에게 보내기 위해 Segment를 나누지 않는 것을 권장합니다. AMP 메시지는 멀티파트로 발송되어 원본 이메일에 여러 버전이 포함되기 때문입니다. 사용자가 AMP 버전을 볼 수 없는 경우 HTML로 자동 전환됩니다.
New Stuff!