신청서에 이메일이 전송됩니다. 이메일에 html이 있고 이메일의 첫 번째 항목은 회사 로고 이미지입니다iphone에서 HTML 메일 미리보기
이메일은 아이폰을 포함한 모든 이메일 클라이언트에서 정상적으로 렌더링되었지만 문제는 아이폰의 제목 줄 아래에 "미리보기"이메일입니다. 메일 본문에는 로고가 있기 때문에 메일 미리보기에는 이미지 URL이 표시됩니다. 미리보기에서 이미지 URL을 표시하는 것을 피하고 미리보기에서 더 의미있는 텍스트를 얻으려면 어떻게해야합니까? 로고를 이메일 본문의 첫 번째 항목으로 유지해야합니다.
해결 방법이 있습니까? Thansk
자주 이메일에는 해당 문제를 해결하기 위해 이메일 맨 위에 텍스트 스 니펫이 포함됩니다.
참조 - http://www.aweber.com/blog/email-marketing/do-you-use-snippets-for-more-opens.htm
당신이 img 태그 안에 alt를 사용하여 시도 적이 있습니까? 예 : <img src="mycompany.png" alt="company name" />
나는이 질문은 조금 오래 알고 있지만,이 검색에 나에게 와서 나는 또 다른 작은 팁을 추가 거라고 생각 : 당신이가는 경우
을 상단에 DIV를 포함하는 경로를 따라 가십시오 (예 : @John). 스타일을 지정해야합니다.
사람들이 Outlook에서 전자 메일을 받았을 때 미리 머리글이 원래 메시지에 나타나지 않았지만 메시지를 전달하거나 메시지에 응답하면 다시 나타납니다. 이 문제를 방지하기 위해
사용이 간단한 해결 방법 :
<div style="display:none; color:#fff; font-size:2pt;">This is the abstract text that will appear in your email client's message preview or notification window.<br /> </div>
preheader은 다음 그들이 그것을받을 때, 텍스트가 여전히 iOS의 메일에 Outlook과 미리 알림 또는 텍스트 미리보기에 사용되는 숨겨진, 메시지를 전달하거나 회신 할 때 청중이 보지 못할 정도로 작고 흰색입니다.
또한이 유형의 헤더는 이전 BlackBerry 장치 (HTML이 비활성화 된 경우 BlackBerry 4 및 BlackBerry 5)를 사용하는 사람들에게 표시됩니다.
마지막 며칠 동안 여러 가지 반복 작업을 테스트 한 후이 두 가지 센트를이 토론에 추가하기 만하면됩니다. 이 질문에 대한 다른 답변은 시작하는 것이 좋지만 몇 가지 모호한 사례 (또는 그렇지 않은 경우도 있습니다)가 모두 누락되었습니다. 나는 모든 클라이언트에서이 테스트를 해본 적이 없지만 Gmail, Yahoo, Outlook.com/Hotmail, Windows 및 OS X 용 Outlook (다양한 Exchange, POP 및 IMAP에 연결하는 버전), 다양한 웹 기반 IMAP 클라이언트, iOS Mail (Exchange 서버 및 일반 IMAP 서버에 연결 : 예 : 상황에 따라 미리보기가 다르게 렌더링 됨), Android 메일, Android/iOS Gmail 클라이언트 , Postbox, Thunderbird 및 다른 몇몇 사람들은 지금 내 머리 꼭대기에서 기억할 수 없습니다.
프리 헤더 div를 사용하십시오. 일부 웹 기반 이메일 서비스 (Gmail)는 이메일의 HTML 헤드에서 <style> 태그를 제거하므로 div 인라인으로 스타일을 지정하십시오. 인라인 스타일 display: none;은 대부분의 클라이언트에서 작동하지만 사용자가 display: none !important;으로 정의하지 않는 한 Gmail 웹보기 및 Yahoo 웹보기에서 실패합니다. 거기에 !important 선언이 없으면 해당 서비스의 웹 기반 클라이언트에서 미리 머리글 div를 읽을 때 전자 메일 본문에 표시됩니다.
지금 우리는 테스트를 거친 다양한 클라이언트와 서비스에서 프리 헤더를 숨기기 위해 다음과 같은 인라인 정의 스타일로 div를 사용합니다 : display: none !important; height:0px; overflow:hidden; color:#ffffff; font-size:2pt;. 그것들 중 일부는 모든 상황이나 대부분의 상황에서 작동하지 않지만, 모든 상황에서 다양한 기지를 잘 커버합니다. 특히, height 해킹은 클라이언트 몇 명에게 영향을주고 Gmail의 웹 기반 클라이언트에서 완전히 깨졌습니다 (예 : 예상치 못한 높이 높이로 높이 선언을 다시 작성 함). 그러나 display: none !important;을 기쁘게 받아서 어쨌든 미리 헤더가 숨겨집니다. . ste7enm에서 언급 한 바와 같이 색상 및 글꼴 크기 해킹은 일부 클라이언트/서비스에서 메시지를 전달할 때 프리 헤더를보다 효과적으로 숨 깁니다.
사이드 노트 : 템플릿을 여러 번 테스트하고 재 디자인하고 다시 테스트 한 결과, HTML 이메일은 모든 좋은 것들에 대한 맹렬한 적이라는 결론을 내 렸습니다.
@Skyrocket 이것은 일반적으로 프리 헤더라고도합니다 – John
이 유용한 것으로 나타났습니다 : http://www.campaignmonitor.com/blog/post/3628/a-practical-guide-to-email-preheaders/ –