HTMLテンプレートのレンダリングの問題

Android Gmailアプリでのレンダリングの問題

AndroidのGmailアプリで開いたメールがモバイル版ではなくデスクトップ版のテンプレートを表示する場合、これはGmailの自動フィットメールメッセージ設定が原因である可能性があります。しかし、これはアプリのiOSバージョンでは観察されません。

メールメッセージの自動調整設定

デフォルトでは、Gmail Androidアプリはメールメッセージの自動調整をオンにします。Gmailはこの設定がオンのときに メッセージを自動的にリサイズします。これにより、モバイル版ではなくデスクトップ版のテンプレートがレンダリングされます。 設定のチェックを外すと、モバイルプレビューは正常にレンダリングされます。

この設定をオフにして、モバイルプレビューが使用されるようにします。オフにするには、次の手順を実行してください。

      1. Gmailアプリに移動します。
      2. 左上のメニューアイコンをタップしてください。
      3. 一般設定をタップし、「メールメッセージを自動調整する」オプションのチェックを外してください。
画像がピクセル化されている場合、メールキャンペーン作成時に画像URLオプションを使用してテンプレートに追加されていても、自動調整メールメッセージが原因である可能性があります。MoEngageはこのオプションで画像を処理しません。自動調整メールメッセージオプションをオフにして、画像が正しく表示されるようにしてください。

Gmailでのメールクリッピング

Gmailクライアントは、いくつかの理由でクリッピングメッセージを表示することがあります。その一部を以下に示します。

      1. メールテンプレートのサイズが大きいです。テンプレートのサイズを90KB以内に制限することをお勧めします。
      2. Gmailは、メール内に次の文字が含まれている場合、メッセージを実際にクリップせずに「メッセージがクリップされました」と表示することがあります。

          • 著作権記号©、登録記号®、商標記号™のような非ASCII文字

          • いくつかのHTMLエンティティ、特に空白のために追加されたもの(nbsp)は、クリッピングの問題を引き起こす可能性があります。HTMLエンティティは &<entity_code>, and の形式であり、以下に示すものはメールのクリッピングを引き起こす可能性があります:
                  • &nbsp; - 改行なしスペース(いくつかのケースで)
                  • &copy; - ©著作権
                  • &reg; - ®登録商標
                  • &yen; - ¥ 円
                  • &pound; - £ ポンド
                  • &cent; - ¢ セント
          • HTMLテンプレートコードを確認し、上記のエンティティを削除して、クリッピングが発生しないようにすることをお勧めします。例えば、テンプレートの末尾または先頭に &nbsp; が見つかった場合や、テンプレート内で Hello&nbsp;User のようにコンテンツ(またはタグ)の間に空白を追加するために使用されている場合は、それを削除してください。 こんにちはユーザー こんにちはユーザー に置き換えて、メールを再送してください。
      3. テストメールでクリッピングが発生している場合、同じ件名を持っていることが原因かもしれません。Gmail は、同じ件名のメールを受信トレイで 1 つのメールにまとめて「スレッド化」することがよくあります。同じキャンペーンのテストメールを複数送信すると、メッセージが非常に大きくなり、Gmailによってクリップされる可能性があります。ただし、テスト目的で、件名を変更したり、受信トレイ内の以前のテストメールを削除してから、再度テストメールを送信することができます。

メールの空ブランクプレビュー

プレビューが空白になるのは、HTMLテンプレートで などのAccelerated Mobile Pageタグが使用されているためかもしれません。 AMPタグは標準のHTMLタグではありません。AMPは、AMP用のスクリプトをHTMLに追加すると機能するGoogleのモジュールです。
MoEngageによってスクリプトタグはセキュリティ上の理由で無効化されています(削除されます)。したがって、AMPタグがメールに追加された場合、それらはレンダリングされず、これにより空白のプレビューが表示されます。サポートされているHTMLタグのリストについては、 メールテンプレート用の許可されたHTMLタグ を参照してください。

JINJAでのHTMLテーブルが機能しない

HTMLエディターは、テーブルコンテンツの間にJINJAコードを配置すると、JINJAコードをテーブルから離して上部に移動します。

各行に製品名をテーブルで表示したいとします。 以下の構文は、HTMLエディタで正しくレンダリングされません。

HTML
<table>
<% for item in items %>
<tr><td>{{item.name}}</td></tr>
<% endfor %>
</table>

JINJA値を使用してテーブルをレンダリングする正しい方法は、JINJA構文を使用してダミー行を含めることです。ダミー行は通常、表示プロパティをNoneとして記述します。

HTML
<tr style="display:none;">{% JINJA CODE %}</td></tr>

上記のコードを使用して、ダミー行にJINJAコードを配置することで、テーブルを正しくレンダリングしようとしています。

HTML
<table>
<tr style="display:none;"><td><% for item in items %></td></tr>
<tr><td>{{item.name}}</td></tr>
<tr style="display:none;"><td><% endfor %></td></tr>
</table>

この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています

How can we improve this article?