이메일 가이드라인

이메일 캠페인을 구축할 때는 다양한 사용자와 이메일 서비스 공급자(ESP)에서 이메일 메시지가 수신되는 방식을 염두에 두는 것이 중요합니다.

다음은 콘텐츠를 제작할 때 염두에 두어야 할 몇 가지 간단한 팁입니다.

• 이메일 서식을 지정할 때는 인라인 스타일 시트를 CSS로 사용하세요.
• 하나의 이메일 템플릿을 모바일과 데스크톱 버전 모두에 사용하려면 너비를 500픽셀 미만으로 유지하세요.
• 이메일 템플릿에 업로드하는 이미지는 5MB 미만이어야 합니다. 지원되는 형식은 PNG, JPEG, GIF입니다.
• 이미지의 높이와 너비를 설정하지 않으면 이메일 품질이 저하되므로 불필요한 공백이 생길 수 있습니다.
• div 태그는 대부분의 이메일 클라이언트에서 지원하지 않으므로 사용해서는 안 됩니다. 대신 중첩된 테이블을 사용합니다.
• 자바스크립트는 어떤 ESP에서도 작동하지 않으므로 사용하지 마세요.
• Braze는 글로벌 CDN을 사용하여 모든 이메일 이미지를 호스팅함으로써 로딩 시간을 개선합니다.

대체 텍스트 구현하기

스팸 필터는 메시지의 HTML 버전과 일반 텍스트 버전을 모두 확인하므로 일반 텍스트 대체 메시지를 사용하면 스팸 점수를 낮출 수 있습니다. 또한 대체 텍스트 (alt="")는 사용자의 이메일 제공업체에 의해 필터링되었을 수 있는 이메일 본문에 포함된 이미지를 보완하고 경우에 따라 이를 대신할 수 있습니다. 화면 리더는 이미지를 설명하는 대체 텍스트를 표시하므로 이미지에 대한 주요 정보를 일반 언어로 제공할 수 있는 기회입니다.

이메일 유효성 검사

이메일 유효성 검사는 사용자의 이메일 주소가 업데이트되었거나 API, CSV 업로드, SDK를 통해 Braze로 가져오거나 대시보드에서 수정될 때 수행됩니다. 이메일 주소에는 공백을 포함할 수 없으며, API를 사용하여 전송하는 경우 공백이 있으면 400 오류가 발생한다는 점에 유의하세요.

Braze 서버를 통해 전송되는 이메일 주소는 RFC 2822 표준에 따라 유효성을 검사해야 하며, Braze는 특정 문자를 허용하지 않으며 유효하지 않은 것으로 인식합니다. 이메일이 반송되면 Braze는 이메일을 유효하지 않은 것으로 표시하고 구독 상태는 변경되지 않습니다.

RFC 표준을 벗어난 허용되지 않는 문자

• *
• /
• ?
• !
• $
• #
• %
• &
• (
• )
• {
• }
• [
• ]
• ~
• ,

발신 주소 및 회신 주소 설정

“보낸 사람” 주소를 설정할 때 “보낸 사람” 이메일 도메인이 발신 도메인(예: marketing.yourdomain.com)과 일치하는지 확인하세요. 이 작업을 수행하지 않으면 SPF 및 DKIM 불일치가 발생할 수 있습니다. 모든 회신 이메일은 루트 도메인으로 설정할 수 있습니다.

HTML 세부 정보 확인

일부 HTML 태그 및 속성은 브라우저에서 악성코드가 실행될 수 있으므로 허용되지 않습니다.

이메일에 허용되지 않는 HTML 태그 및 속성은 다음 목록을 확인하세요:

허용되지 않는 HTML 태그 확장

• <!doctype>
• <applet>
• <bgsound>
• <embed>
• <frameset>
• <iframe>
• <ilayer>
• <layer>
• <link>
• <meta>
• <object>
• <script>
• <title>
• <xml>
• <svg>

허용되지 않는 HTML 속성을 확장합니다

• <animationend>
• <animationiteration>
• <animationstart>
• <data-bind>
• <fscommand>
• <onabort>
• <onabort>
• <onactivate>
• <onafterprint>
• <onafterupdate>
• <onbeforeactivate>
• <onbeforecopy>
• <onbeforecut>
• <onbeforedeactivate>
• <onbeforeeditfocus>
• <onbeforepaste>
• <onbeforeprint>
• <onbeforeunload>
• <onbeforeupdate>
• <onbegin>
• <onblur>
• <onbounce>
• <oncanplay>
• <oncanplaythrough>
• <oncellchange>
• <onchange>
• <onclick>
• <oncontextmenu>
• <oncontrolselect>
• <oncopy>
• <oncut>
• <ondataavailable>
• <ondatasetchanged>
• <ondatasetcomplete>
• <ondblclick>
• <ondeactivate>
• <ondrag>
• <ondragdrop>
• <ondragend>
• <ondragenter>
• <ondragleave>
• <ondragover>
• <ondragstart>
• <ondrop>
• <ondurationchange>
• <onemptied>
• <onend>
• <onended>
• <onerror>
• <onerror>
• <onerrorupdate>
• <onfilterchange>
• <onfinish>
• <onfocus>
• <onfocusin>
• <onfocusout>
• <onhashchange>
• <onhelp>
• <oninput>
• <oninvalid>
• <onkeydown>
• <onkeypress>
• <onkeyup>
• <onlayoutcomplete>
• <onload>
• <onloadeddata>
• <onloadedmetadata>
• <onloadstart>
• <onlosecapture>
• <onmediacomplete>
• <onmediaerror>
• <onmessage>
• <onmousedown>
• <onmouseenter>
• <onmouseleave>
• <onmousemove>
• <onmouseout>
• <onmouseover>
• <onmouseup>
• <onmousewheel>
• <onmove>
• <onmoveend>
• <onmovestart>
• <onoffline>
• <ononline>
• <onopen>
• <onoutofsync>
• <onpagehide>
• <onpageshow>
• <onpaste>
• <onpause>
• <onplay>
• <onplaying>
• <onpopstate>
• <onprogress>
• <onpropertychange>
• <onratechange>
• <onreadystatechange>
• <onredo>
• <onrepeat>
• <onreset>
• <onresize>
• <onresizeend>
• <onresizestart>
• <onresume>
• <onreverse>
• <onrowdelete>
• <onrowexit>
• <onrowinserted>
• <onrowsenter>
• <onscroll>
• <onsearch>
• <onseek>
• <onseeked>
• <onseeking>
• <onselect>
• <onselectionchange>
• <onselectstart>
• <onshow>
• <onstalled>
• <onstart>
• <onstop>
• <onstorage>
• <onsubmit>
• <onsuspend>
• <onsyncrestored>
• <ontimeerror>
• <ontimeupdate>
• <ontoggle>
• <ontouchcancel>
• <ontouchend>
• <ontouchmove>
• <ontouchstart>
• <ontrackchange>
• <onundo>
• <onunload>
• <onurlflip>
• <onvolumechange>
• <onwaiting>
• <onwheel>
• <seeksegmenttime>
• <transitionend>