썬더메일 활용방안/메일 템플릿

광군제 관련 알리익스프레스 마케팅 메일 내용 분석

썬더메일사업부 2024. 11. 11. 11:45

알리익스프레스에서 광군제 관련 마케팅 메일이 수신되어 외형과 소스를 분석해 보았습니다.

메일 템플릿의 폭은 전체적으로 좁게 만들어 졌는데 별도의 모바일 페이지 없이 폭을 좁게해서 PC는 물론 모바일도 지원하는 것을 추정할 수 있습니다.

대부분의 해외 메일 템플릿들은 이런 형태를 취하고 있습니다.

<!--[if lte mso 11]>
          <style type="text/css">
            .mj-outlook-group-fix { width:100% !important; }
          </style>
          <![endif]--> 
  <!--[if !mso]><!--> 
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css"> 
  <style type="text/css">x
            @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
          </style> 
  <!--<![endif]--> 
  <!--[if !mso]><!--> 
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css"> 
  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css"> 
  <style type="text/css">
          @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
        </style> 
  <!--<![endif]--> 
  <style type="text/css">
        .mj-column-per-100 { width:100% !important; max-width: 100%; }
      </style> 
  <style edm-style type="text/css">

폰트는 구글 웹폰트를 사용했는데, 메일 특성 상 이런 폰트는 클라이언트 프로그램에서 대부분 기본 폰트로 보여지게 됩니다.

https://ae01.alicdn.com/kf/S807dbb718f8e433bb5a3740b61ed9216n.png

이미지는 별도의 이미지 서버에 업로드를 해서 사용을 하고 있네요. 

https://www.aliexpress.com/w/wholesale-스포츠.html

일부 링크에 한글이 삽입 되어 있는데, 일부 클라이언트에서 정상적으로 클릭이 되지 않을 수 있기 때문에 영문으로 변경하는 게 좋습니다.

메일 추적은 mmstat.com 통해서 하고 있는데 특이하게 상단에 해당 코드가 삽입이 되고 있네요.

제품 클릭 부분도 맵태그가 아닌 테이블로 되어 있어서 일부 메일 앱에서 강제로 위치를 변경하는 변수에 잘 대응하고 있네요.

간단하게 메일 템플릿을 살펴 보았는데요.

링크에 '한글'을 사용한 것 외에는 전체적으로 잘 된 템플릿인 것 같습니다.