5

アプリケーションからいくつかのメールを送信しています。メールにはhtmlが含まれており、メールの最初の項目は会社のロゴ画像です

メールは iPhone を含むすべてのメール クライアントで正常にレンダリングされますが、iPhone の件名のすぐ下にあるメールの「プレビュー」に問題があります。メール本文にはロゴがあるため、メールのプレビューには画像の URL が表示されます。プレビューで画像の URL を表示せずに、より意味のあるテキストをプレビューに表示するにはどうすればよいですか。メール本文の最初にロゴを入れる必要があります。

これに対する回避策はありますか？

ありがとう

4

4 に答える 4

5

ここ数日間、自分自身でさまざまな反復をテストした後、この議論に 2 セントを追加するだけです。この質問に対する他の回答は、出発点としては適切ですが、それらはすべて、いくつかのエッジ ケース (またはそれほどエッジではないケース) を見逃しています。すべてのクライアントでこれをテストしたとは言いませんが、Gmail、Yahoo、Outlook.com/Hotmail、Outlook for Windows、OS X (さまざまなExchange、POP および IMAP に接続するバージョン)、さまざまな Web ベースの IMAP クライアント、iOS メール (Exchange サーバーと通常の IMAP サーバーの両方に接続: はい、これらの状況ではプレビューのレンダリングが異なります)、Android メール、Android/iOS Gmail クライアント、Postbox、Thunderbird、その他、今は頭の中で思い出せないものがあります。

プリヘッダー div を使用します。一部の Web ベースの電子メール サービス (Gmail) は<style>、電子メールの HTML ヘッドからタグを削除するため、div をインラインでスタイルします。インライン スタイル はdisplay: none;、ほとんどのクライアントで機能しますが、gmail の Web ビューと Yahoo の Web ビューでは、 として定義しない限り失敗しますdisplay: none !important;。そこに宣言がない場合!important、これらのサービスの Web ベースのクライアントで電子メールを読むときに、プリヘッダー div が電子メールの本文に表示されます。

現在、次のインライン定義スタイルを持つ div を使用して、テストしたさまざまなクライアントやサービスからプリヘッダーを非表示にしています: display: none !important; height:0px; overflow:hidden; color:#ffffff; font-size:2pt;. それらのいくつかは、すべてまたはほとんどの状況で機能しませんが、それらすべての間で、さまざまなベースをかなりうまくカバーしています. 特に、ハッキングはいくつかのheightクライアントにのみ影響を与え、Gmail の Web ベースのクライアントを完全に破壊します (現在、高さの宣言を min-height に書き換えますが、これは予想外でした) display: none !important;。ste7enm が述べたように、色とフォントサイズのハックは、メッセージが一部のクライアント/サービスによって転送されるときに、プリヘッダーをより効果的に非表示にします。

補足: テンプレートのテスト、再設計、再テストを何度か繰り返した結果、HTML メールはすべての善と純粋の敵であるという結論に達しました。

于 2014-04-21T19:19:14.560 に答える
2

タグalt内で使用してみましたか？img例えば <img src="mycompany.png" alt="company name" />

于 2013-03-22T19:37:15.357 に答える
2

多くの場合、電子メールには、その問題に対処するために、電子メールの一番上にテキストのスニペットが含まれています。

参照 - http://www.aweber.com/blog/email-marketing/do-you-use-snippets-for-more-opens.htm

于 2013-03-22T19:39:47.367 に答える
1

この質問は少し古いことは知っていますが、検索で出てきたので、別の小さなヒントを追加すると思いました。

先頭に 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 />&nbsp;</div>

プリヘッダーは受信時に非表示になり、テキストは引き続き Outlook でのプレビュー通知または iOS のメールのテキスト プレビューに使用され、メッセージを転送または返信するときは非常に小さくて白いため、聴衆はそれを認識しません。見てください。

また、このタイプのヘッダーは、古い BlackBerry デバイス (HTML が無効になっている場合は BlackBerry 4 および BlackBerry 5) を使用しているユーザーにも表示されることに注意してください。

于 2014-01-16T22:15:39.993 に答える