AMP 이메일: 받은 편지함의 미니 웹사이트

게시 됨: 2019-05-02

3월에 Google은 이메일을 보다 역동적이고 현대적으로 만드는 새로운 기능인 AMP for Email을 출시했습니다. Outlook.com 및 Yahoo!와 같은 주요 이메일 클라이언트 Mail은 뒤쳐지는 것을 원하지 않습니다. 둘 다 이미 가능한 한 빨리 AMP 이메일 지원을 시작할 준비가 되었다고 발표했습니다.

마케터에게 이것은 그들의 오랜 꿈이 실현되었음을 의미합니다. 이제부터는 대화형 이메일을 보낼 수 있습니다. 웹사이트를 방문하지 않고 이미지 캐러셀을 스크롤하고, 양식을 작성하고, 주문을 완료하거나, 투표에서 투표하는 것은 이미 현실입니다.

SendPulse에서는 가까운 시일 내에 서비스를 통해 AMP 이메일을 보낼 수 있도록 최선을 다하고 있습니다. 한편, AMP for Email이 무엇인지, 마케터가 이를 어떻게 활용할 수 있는지 자세히 알아보고, 우리가 만든 AMP 이메일의 예를 확인해 보겠습니다.

이메일용 AMP란?

우리는 구독자가 링크를 통해 콘텐츠와 상호 작용하는 반면 애니메이션은 GIF를 통해 수행되는 정적 HTML 이메일에 익숙합니다.

Accelerated Mobile Pages for Email 또는 AMP for Email을 사용하면 발신자가 대화형 이메일을 만들고 보낼 수 있습니다. 이것은 사용자가 전자 메일과 상호 작용할 수 있도록 하는 구성 요소 집합이 전자 메일에 포함된 새로운 HTML 형식입니다. 예를 들어, 사용자는 순서를 변경하거나 양식을 채우거나 받은 편지함에서 바로 회전 목마를 스크롤할 수 있습니다. 이러한 모든 옵션은 AMP 이메일을 일종의 미니 웹사이트로 만듭니다.

또 다른 AMP 핵심 기능을 통해 사용자는 실시간으로 콘텐츠를 조정할 수 있습니다. 이전에 보낸 이메일 캠페인의 제안은 더 이상 유효하지 않습니다. 코드를 약간 변경하여 이러한 제안을 업데이트된 제안으로 간단히 바꿀 수 있습니다.

이는 정보가 기본적으로 이메일로 인코딩되지 않고 서버에 저장되기 때문에 가능합니다. 따라서 원하는 만큼 동적 블록의 내용을 변경할 수 있습니다.

AMP 이메일로 무엇을 할 수 있나요?

동적 콘텐츠는 마케터가 사용자와 더 강력한 상호 작용을 구축하는 데 도움이 됩니다. 우선 사용자의 클릭수를 줄여 시간을 절약할 수 있을 뿐만 아니라 전환율을 높입니다. 또한, 마케터가 부담 없이 구독자로부터 피드백을 수집할 수 있습니다.

AMP for Email은 다음과 같은 이점을 제공합니다.

  • 캐러셀 스크롤하기;
  • 카트에 항목을 표시하는 것;
  • 이메일로 양식 또는 설문지 작성;
  • 받은 편지함에서 바로 투표에 참여합니다.
  • 이메일의 댓글에 답하기
  • 이메일을 캘린더에 연결하고 이벤트 등록 수를 추적합니다.
  • 제품 카드 열기, 제품 선택 및 구매.

Pinterest와 Booking.com은 이미 구독자에게 AMP 이메일을 보내고 있습니다. 예를 들어, Pinterest 가입자는 더 이상 웹사이트로 이동하여 매력적인 이미지를 고정하고 그 뒤에 오는 텍스트를 펼칠 필요가 없습니다. 받은 편지함에서 바로 할 수 있습니다. 동시에, Booking.com은 가입자가 웹사이트를 방문하지 않고도 호텔 객실과 아파트 사진을 클릭하고 이메일 빈도를 선택할 수 있도록 합니다.

AMP for Email은 안전한가요?

위에서 언급한 AMP for Email의 아름다움은 안전하기에는 너무 좋아 보일 수 있습니다. 문제가 발생합니다. 해커가 바이러스를 AMP 구성 요소의 스크립트에 인코딩하고 받은 편지함을 크랙하거나 손상시키면 어떻게 될까요?

사실 AMP 기술은 고정된 JavaScript 소스와 스크립트 세트만 허용합니다. 이메일에 외부 JavaScript를 추가하는 것은 불가능하므로 AMP for Email은 받은 편지함을 위험에 빠뜨리지 않습니다.

AMP 이메일 예시

AMP 이메일의 기능을 보여주기 위해 SendPulse 라이브러리에서 템플릿을 선택하고 여기에 AMP 구성 요소를 추가했습니다.

amp email template
SendPulse 라이브러리의 템플릿

AMP 이메일의 이미지 캐러셀

기존 HTML 이메일에는 이미지 슬라이더를 모방하는 측면 화살표가 있습니다. 이 트릭은 사용자가 이메일에서 이미지를 스크롤할 것이라고 생각하게 만듭니다. 그러나 실제로는 대신 웹사이트로 이동합니다. 정말 짜증나!

AMP 기반 이메일을 통해 구독자는 받은 편지함에서 바로 이미지를 스크롤할 수 있습니다.

amp email carousel
AMP 이메일의 이미지 캐러셀

AMP 이메일의 제품 페이지

아래 예와 같이 이미지를 확대/축소하고 달력에서 원하는 날짜를 선택하고 객실을 예약할 수 있습니다.

amp email product page
AMP 이메일의 제품 페이지

AMP 이메일의 리뷰

동적 표시로 인해 하나의 이메일에서 여러 리뷰를 볼 수도 있습니다.

amp email reviews
AMP 이메일의 동적 리뷰

AMP 이메일의 드롭다운 목록 및 요청 양식

가입자는 아래와 같이 이메일의 동적 양식을 통해 매력적인 제품 또는 서비스에 대한 요청을 제출할 수 있습니다.

amp email request form
AMP 이메일의 드롭다운 목록 및 요청 양식

AMP for Email을 지원하는 이메일 클라이언트

Gmail은 일시적으로 AMP 이메일을 지원하지만 웹 버전에서만 지원됩니다. 그러나 회사는 이미 모바일 장치에서도 AMP for Email을 지원할 계획입니다.

Outlook은 2019년 여름부터 AMP 이메일 지원을 시작할 예정입니다.

야후! 메일은 날짜를 지정하지 않았지만 "곧" AMP 연합에 합류할 것을 약속합니다.

다양한 이메일 서비스에 대한 등록은 다릅니다. 등록 프로세스에 대한 자세한 내용은 개발자 문서를 참조하십시오.

  • 지메일,
  • 시야.

AMP 이메일 시작하기

AMP 이메일을 직접 테스트하려면 다음과 같은 유용한 체크리스트가 있습니다.

  1. 기존 이메일 중 하나에 AMP 요소를 추가합니다.
  2. 이메일에 SPF, DKIM 및 DMARC 레코드를 설정했는지 확인합니다.
  3. 발신자 주소를 허용 목록에 추가하려면 이메일 클라이언트(현재 Google)에 문의하세요.
  4. 이메일에 대한 동적 콘텐츠로 서버를 설정하는 경우 유효한 헤더로 응답하는지 확인하십시오.
  5. 이메일의 AMP 부분이 검증되었는지 확인하십시오.
  6. 이메일이 AMP for Email을 지원하지 않는 이메일 클라이언트에 표시되도록 이메일에 HTML 부분이 포함되어 있는지 확인하십시오.
  7. 이메일 서비스 제공업체에서 AMP 이메일을 보낼 수 있는지 알아보십시오.

유용한 링크 목록도 있습니다.

  • AMP 페이지를 만드는 방법을 배우고 AMP 소개에서 모든 AMP 구성요소의 예를 확인하세요.
  • AMP 이메일을 테스트하십시오.
  • 개발자를 위한 AMP 문서에서 이메일과 웹사이트 모두에 대해 기성품 요소를 찾습니다.
  • AMPHTML 프로젝트의 저장소를 방문하십시오.

SendPulse를 사용한 AMP 이메일

초기 단계에서 SendPulse를 사용하면 캠페인을 만드는 과정에서 이메일에 미리 만들어진 AMP 부분을 추가할 수 있습니다. 또한 사용자가 서비스를 통해 AMP 이메일을 보낼 수 있도록 SendPulse API를 업데이트할 예정입니다.