이메일용 AMP란 무엇이며 사용하기 전에 알아야 할 사항은 무엇입니까?

Google이 모바일 웹의 속도를 높이는 것을 목표로 한 지 몇 년 후, 작은 파란색 번개는 검색 엔진 결과에서 인식할 수 있는 상징이 되었습니다.

이제 수천만 개의 도메인이 "AMP"화되면서 오픈 소스 프레임워크의 범위가 확장되었습니다. 이제 마케터는 클릭 후 랜딩 페이지, 블로그 게시물, 전체 웹사이트를 AMP로 가속화하는 데 그치지 않습니다. 그들은 그것으로 이메일도 개선하고 있습니다.

이메일용 AMP란?

이메일용 AMP는 마케팅 담당자가 가속화된 모바일 페이지 프레임워크의 속도를 활용할 수 있는 또 다른 방법입니다. AMP 블로그의 공식 릴리스에서 Gmail 및 Chat의 제품 관리자인 Aakash Sahney 는 개발자가 보다 참여적이고 대화형이며 실행 가능한 이메일 환경을 만들 수 있는 강력한 방법이라고 말합니다.

이메일용 AMP로 무엇을 할 수 있습니까?

이메일용 AMP에 대해 가장 자주 묻는 질문 중 하나는 다음과 같습니다. AMP로 할 수 있는 모든 작업을 이메일용 AMP로 할 수 있습니까?

내 대답은 아니오 야."

그러나 AMP 이메일은 기존 이메일보다 훨씬 덜 제한적입니다. Gmail에서 모든 AMP 명령을 사용할 수는 없지만 여전히 매우 풍부한 사용자 환경을 만들 수 있습니다. AMP에 따르면 다음은 AMP 이메일에서 사용할 수 있는 것입니다.

동적 콘텐츠

지금까지 이메일 콘텐츠는 주로 정적이었습니다. 사용자는 읽고, 보고, 클릭하는 것 외에는 참여할 수 없습니다. 이메일용 AMP를 사용하면 동적 콘텐츠를 통해 예를 들어 양식 제출과 같은 보다 다양한 참여가 가능합니다. 다음은 이메일용 AMP와 함께 사용할 수 있는 동적 콘텐츠 요소 중 일부입니다.

• amp-form: AMP의 양식 요소입니다. 이를 통해 디자이너는 사용자가 완료할 수 있는 양식을 전자 메일로 직접 만들 수 있습니다.
• amp-selector: 양식 내에서 사용하기 위한 다중 선택 위젯입니다.
• amp-bind 및 amp-state: 요소 간 상호 작용을 위해 상태 시스템을 조작할 수 있는 AMP의 간단한 스크립팅 언어입니다. 특정 이벤트에 동작을 추가하는 데 사용할 수도 있습니다. amp-state는 초기 상태 시스템 값을 원격으로 가져오는 데 사용됩니다.
• amp-list: 에 의해 렌더링될 JSON 데이터를 원격으로 가져옵니다.
• template type=”amp-mustache”: amp-list 호출의 결과를 렌더링하기 위한 Mustache 템플릿 마크업입니다.

형세

기존 이메일의 레이아웃은 상당히 엄격합니다. 이메일용 AMP는 미디어용 캐러셀, 이미지 및 텍스트용 라이트박스, 다양한 섹션을 표시하고 숨기기 위한 아코디언과 같은 요소로 AMP를 엽니다. 새로운 방식으로 이메일을 표시하는 데 사용할 수 있는 요소는 다음과 같습니다.

• amp-accordion: 다양한 섹션을 쉽게 표시하거나 숨길 수 있는 UI 요소입니다.
• amp-carousel : 캐러셀 UI 구성요소입니다.
• amp-sidebar: 탐색 목적의 사이드바입니다.
• amp-image-lightbox: 이미지를 포함하기 위한 라이트박스입니다.
• amp-lightbox: 콘텐츠를 포함하기 위한 라이트박스입니다.
• amp-fit-text: 텍스트를 특정 영역에 맞추기 위한 도우미 구성 요소입니다.
• amp-timeago: 타임스탬프를 렌더링하는 편리한 방법을 제공합니다.

미디어

반송률과의 전쟁에서 미디어는 다른 어떤 요소보다 로드 시간에 더 많은 영향을 미치는 가장 큰 적입니다. 아래 두 가지 요소를 사용하면 디자인을 손상시키지 않으면서 효율성과 속도를 보장할 수 있습니다.

• amp-img: '이미지'를 대체하는 AMP 구성요소입니다.
• amp-anim: GIF 파일을 포함합니다.

3 이메일용 AMP의 예

AMP는 아직 모든 사용자에게 완전히 배포되지 않았습니다. 그렇다고 해서 사용 예가 없는 것은 아닙니다. 2018년에 몇몇 기업은 Google과 제휴하여 마케팅 담당자가 이메일용 AMP로 무엇을 할 수 있는지 강조했습니다. 2018 AMP 컨퍼런스에서 그들은 그 결과를 선보였습니다.

1. 낙서

Doodle은 회의 일정을 쉽게 잡을 수 있는 도구입니다. 위치 및 시간에 대한 설문 조사를 통해 관리자는 모든 참가자를 위한 최적의 모임 시간을 파악할 수 있습니다.

일반적으로 이러한 설문 조사에서는 방문자가 웹 페이지에서 보다 동적인 작업을 완료해야 합니다. 그러나 이메일용 AMP를 사용하면 상황이 조금 달라집니다.

아래에 Doodle에서 설정 중인 설문조사 이미지가 표시됩니다. 제목은 "다이내믹 메일로 세상을 구하라"입니다.

사용자가 "계속"을 클릭하면 가장 편리한 시간을 선택한 다음 그룹에 이메일로 보낼 수 있습니다.

Gmail에서 이메일은 다음과 같이 표시됩니다. "다이내믹 이메일로 세상을 구하라" 이벤트 제목 아래에 "4/11 참가자, – 댓글 0개"라는 알림이 표시됩니다. 여기에서 이메일용 AMP가 빛을 발합니다.

동적 콘텐츠

지금 보고 있는 것은 동적 콘텐츠입니다. 마찬가지로 이 콘텐츠는 더 많은 사용자가 투표에 참여함에 따라 업데이트됩니다. 다섯 번째 사용자가 설문 조사를 완료하면 11명 중 5명이 참여한 것으로 표시됩니다. 누군가 댓글을 달면 업데이트된 댓글 수가 표시됩니다.

이것은 우리가 이메일에서 받는 일반적으로 정적인 콘텐츠와 반대입니다. 정적 이메일을 사용하여 설문 조사에 참여한 사람 수에 대한 업데이트를 받으려면 두 번째 이메일을 받아야 합니다. 위에 표시되는 내용은 언제 열든 상관없이 설문 조사에 대한 최신 정보를 제공합니다.

최상의 이메일용 AMP의 또 다른 좋은 예는 아래 이메일의 "알림 보내기" 기능에서 볼 수 있습니다.

여기에서 사용자가 참가자의 이메일 주소를 입력한 다음 "보내기"를 클릭하여 설문 조사를 완료하도록 상기시킬 수 있습니다. 이것은 업무용 이메일용 AMP의 또 다른 빛나는 예입니다.

지금 보고 있는 것은 웹사이트나 앱에서 볼 수 있는 양식의 완성입니다. 그러나 이메일에 포함되어 있어 훨씬 쉽게 완료할 수 있습니다.

다음으로, 대부분의 참가자가 투표를 완료했을 때의 모습을 확인하고 사용자가 최종 날짜와 시간을 선택할 수 있습니다. 동적 콘텐츠는 10명이 2월 19일 월요일에 만들 수 있지만 해당 화요일에는 9명만 만들 수 있고 수요일에는 8명만 만들 수 있음을 나타냅니다.

날짜를 클릭한 다음 "완료" 버튼을 클릭하면 회의 시간을 확정할 수 있으며 이때 참가자에게 알림이 전송됩니다.

2. 부킹닷컴

Doodle과 마찬가지로 Booking.com은 AMP의 동적 콘텐츠를 활용하여 사용자에게 더 나은 이메일 경험을 제공합니다. 이 경우 숙소 검색과 관련이 있습니다.

이 첫 번째 이메일에서 볼 수 있듯이 Booking.com은 사용자에게 이미지와 함께 객실 추천을 제공합니다. 근데 썸네일 하나? 방을 결정하기 위해 봐야 할 것은 이것뿐입니다.

그러나 이 아파트의 사진을 보기 위해 목록 페이지를 클릭해야 하는 정적 이메일과 달리 이메일용 AMP는 사용자가 이미지 가장자리에 있는 화살표를 클릭하여 아래에 표시된 다음 사진으로 슬라이드할 수 있습니다.

사용자는 이메일을 남기지 않고도 목록에 대해 더 많은 정보를 얻을 수 있습니다. 이와 같은 이메일 슬라이더는 CSS로 만들 수 있지만 이메일용 AMP를 사용하면 훨씬 더 부드러운 경험이라고 합니다.

그러나 사용자가 해당 목록을 모두 배제하면 어떻게 될까요? 이메일용 AMP를 사용하면 문제가 되지 않습니다.

사용자가 아래로 스크롤하면 여러 다른 목록을 찾을 수 있습니다. 여기 모스크바, 파리, 암스테르담 등에서 하나를 볼 수 있습니다.

충분하지 않은 경우 사용자는 원하는 위치에서 "새 거래 보기"를 클릭할 수 있으며 해당 위치에 다른 목록이 나타납니다.

또한 사용자가 Booking.com의 프로모션 이메일을 너무 많이 받고 있다고 생각하는 경우 메시지 하단으로 스크롤하여 "구독 관리"를 클릭하면 아래와 같은 양식이 표시됩니다.

여기에서 사용자와 마케팅 담당자 모두에게 큰 이점이 있습니다. 사용자는 이러한 이메일을 받는 빈도를 결정하거나 완전히 구독을 취소할 수 있으며, 마케팅 담당자는 사용자가 캠페인에 어떻게 반응하는지에 대한 더 많은 데이터를 수집하게 됩니다.

3. 핀터레스트

Pinterest는 항상 팀이 관심을 끄는 이메일을 만드는 데 도움이 되는 매우 시각적인 소셜 네트워크였습니다. 불행히도 이메일용 AMP 이전에는 관심을 끄는 것이 전부였습니다.

이 이메일을 아래로 가져가십시오.

일반적으로 이 이메일이 받은 편지함에 있는 경우 레시피, 내용, 댓글, 변형 등의 세부 정보를 보려면 클릭해야 합니다.

그러나 이메일용 AMP를 사용하여 보드 오른쪽 상단에 있는 "한국식 프라이드 치킨 타코" 레시피를 클릭하면 이메일에서 더 크고 자세한 핀으로 확장됩니다.

Pinterest의 경우 이메일용 AMP는 전반적으로 의미가 있지만 특히 사용자가 완료하기 어려운 온보딩 프로세스 중에 의미가 있습니다. 이메일용 AMP를 사용하면 얼마나 더 쉬워질 수 있는지…

일반적으로 사용자가 가입하면 Pinterest에서 사용자 지정 홈피드를 만들 수 있도록 5개 이상의 주제를 팔로우하도록 지시하는 아래와 같은 이메일을 받습니다.

정적 이메일에서 사용자는 팔로우할 5가지 주제를 선택하기 위해 Pinterest 웹사이트를 클릭해야 합니다.

동적 헤드라인

그러나 아래 예에서 볼 수 있듯이 사용자가 주제를 클릭하기 시작하면 이메일의 제목이 "3개(또는 그 이상!) 주제를 팔로우하세요."로 동적으로 변경됩니다.

표시된 주제에서 선택할 수 있을 뿐만 아니라 부제 아래 필터로 숨겨진 주제도 선택할 수 있습니다. 그들은 "Food", "DIY", "Art"를 읽습니다. 사용자가 사진을 클릭하면 사용자가 클릭하여 구독할 수 있는 새로운 주제 사진 그룹이 표시됩니다.

주제 선택이 완료되면 회색으로 표시된 위의 CTA가 빨간색으로 바뀌고 클릭할 수 있게 되며 "완료"라고 표시됩니다. 또한 헤드라인에는 "All set!" "귀하를 위한 맞춤형 홈피드를 구축할 준비가 되었습니다."라는 부제목 위에 있습니다. 다음과 같이 표시됩니다.

사용자가 "완료"를 클릭하면 홈피드가 생성되고 아래의 로드 표시줄이 앱에서와 마찬가지로 "홈피드 구축/다음에서 아이디어 찾기..."라는 제목/부제목과 함께 진행됩니다.

완료되면 사용자는 앱을 사용할 준비가 완전히 완료된 것이며 이메일에서 "홈피드 준비 완료!"라는 버튼을 통해 알 수 있습니다. 클릭하여 웹사이트로 이동할 수 있습니다.

이메일에 대한 AMP에 대한 부정적인 가능성

이메일용 AMP는 강력한 매체에 혁신적인 잠재력을 제공하지만 모든 사람이 AMP가 더 나아질 것이라고 확신하지는 않습니다. Litmus의 블로그 게시물에서 Jain Mistry는 기술이 직면할 수 있는 몇 가지 문제를 설명합니다.

• ESP의 지원이 거의 없습니다. AMP를 사용하는 이메일은 기존 이메일과 다르므로 기존 방식으로 구축할 수 없습니다. 귀하의 이메일 서비스 공급자가 이메일을 만드는 데 필요한 기술을 지원할 수 없다면 귀하도 지원하지 못할 수 있습니다.
• 이메일용 AMP는 Gmail에서만 작동합니다. 현재 이메일용 AMP는 Gmail 전용입니다. 이메일 목록이 주로 Gmail 사용자인 경우 문제가 되지 않을 수 있습니다. 그렇지 않은 경우 Gmail이 아닌 사용자를 위해 AMP가 아닌 버전의 이메일을 만들어야 할 수 있습니다.
• 추적이 제한될 수 있음: 추적은 최적화에 매우 중요합니다. 현재 마케팅 담당자는 캠페인을 개선하기 위해 열기, 클릭 등을 추적할 수 있습니다. 사용자가 취할 수 있는 작업 목록에 추가하면 마케터가 추적해야 하는 항목에도 추가됩니다. 추적할 수 있는 방법이 있습니까?
• 사용자를 혼란스럽게 할 수 있습니다. 이메일 사용 방식을 완전히 바꾸는 문제는 잠재적으로 너무 이르다는 것입니다.

예를 들어 동적 콘텐츠는 마케팅 담당자에게 이메일을 보낸 후 최신 상태로 유지할 수 있는 기회를 제공하지만 정적 콘텐츠를 기대하는 사용자를 혼란스럽게 할 수 있습니다. Mistry는 다음과 같이 썼습니다. 이는 이메일 마케팅에서 귀중한 상품인 구독자 간의 신뢰를 잃을 수 있는 전술입니다.”

이메일에 AMP를 사용하시겠습니까?

Litmus의 설문 조사에 따르면 이메일용 AMP에 익숙한 55.6% 중 55.4%가 사용할 가능성이 다소 있거나 매우 높다고 말했습니다.

위의 예에서 이점은 분명합니다. 이메일용 AMP를 사용하면 사용자가 이메일을 통해 브랜드와 더 쉽고 원활하게 상호 작용할 수 있습니다. 브랜드의 경우 상호 작용을 더 쉽게 만드는 이점은 항상 ROI에서 볼 수 있습니다.

이메일로 설문 조사를 작성할 수 있다면 그렇게 할 가능성이 더 큽니다. 이메일에서 호텔 목록을 탐색할 수 있다면 그렇게 할 가능성이 더 큽니다. 소셜 미디어를 통한 온보딩의 경우 Pinterest의 경우에도 마찬가지입니다.

AMP를 사용하여 클릭 후 랜딩 페이지를 개선할 준비가 되었다면 Instapage 데모에 등록하여 캠페인에 어떤 이점이 있는지 확인하십시오.