更新日時 2024年 9月 18日
以下の 製品でご利用いただけます（別途記載されている場合を除きます）。
すべての製品とプラン
|
マーケティングEメール" を作成する場合、デスクトップやモバイルのEメールクライアントの受信者のために特定のセクションを非表示にしたり、列の構成や全体のレイアウトを変更して、小さなデバイスでEメールを読むユーザーに合わせることができます。Eメールをさまざまなデバイスに対応させることで、エンゲージメントを高め、Eメール全体のユーザーエクスペリエンスを向上させることができます。
注：この機能は、ドラッグ＆ドロップEメールエディタを使用する場合にのみ利用可能です。カスタムコードEメールテンプレート、Eメールクライアントサイズやデバイスタイプの違いを考慮し、開発者がメディアクエリを作成する必要があります。
Eメールクライアントサポート
ほとんどの主要Eメールプロバイダーは、HubSpotがマーケティングEメールエディターで提供しているモバイル最適化設定をサポートしていますが、以下のEメールクライアントは現在モバイル最適化Eメールをサポートしていません：
- ヤフーAndroidのメール
- AndroidのAOLメール
- Gmail IMAP（Google以外のアカウントでGmailアプリを使用する場合など）
- サムスンメールに接続済みのOutlookアカウントを使用するなど、サムスンメールの一部のバージョン。
上記のクライアントのいずれかを使用している場合、デスクトップまたはモバイルに特化したメディアクエリを挿入するHubSpotのモバイル最適化機能は、。デスクトップやモバイルで非表示に設定されたセクションも表示されます。
デスクトップまたはモバイルでモジュールやセクションを非表示にする
デスクトップまたはモバイルの受信者に表示されるモジュールまたはセクションをカスタマイズする：
- HubSpotアカウントにて、［マーケティング］＞［マーケティングEメール］の順に進みます。
- 下書きしたEメールの名をクリックするか、右上の"新規Eメールの作成"をクリックし、"新規Eメールの作成"をクリックします。
- Eメールエディタの上部にあるデスクトップアイコンまたはモバイルアイコンをクリックし、各Eメールタイプの設定を行います。
- モジュールまたはセクションにカーソルを合わせ、非表示アイコンをクリックすると、編集中のEメールのバージョンでそのモジュールを非表示にすることができます。
- 編集中のバージョンのすべての非表示モジュールを表示するには、Eメールエディタの上部にあるすべての非表示をクリックします。
- 表示アイコンをクリックすると、そのバージョンのEメールの非表示モジュールを表示に戻すことができます。
- 左側のペインで、モバイルデバイスで最大幅として表示チェックボックスを選択して、モジュールまたはセクションがモバイル受信者のために全幅として表示されるようにすることができます。
モバイルまたはデスクトップ用にEメールレイアウトをカスタマイズ
モバイルクライアントとデスクトップクライアントで異なるレイアウト設定を行う：
- 左側のペインで、Contentタブをクリックします。
- デスクトップとモバイルでEメールセクションの表示方法をカスタマイズする：
- Eメールのセクションのいずれかをクリックしてください。
- Visibility セクションで、All devicesスイッチをオフに切り替え、Desktopと Mobileのそれぞれのセクションで、ShowまたはHideをクリックします。
-
- Layout」セクションで、「All devices」スイッチをオフに切り替え、デスクトップ用の列レイアウトとモバイル用のスタッキングレイアウトを設定する。
-
- その後、モバイルまたはデスクトップクライアント用にセクションのスタイルを編集することができます。ボディカラー、ボーダー幅とタイプ、背景タイプ、モバイルまたはデスクトップ受信者に関連付けされた背景カラーを編集します。
- デスクトップまたはモバイルの受信者にテンプレートを表示する方法をカスタマイズするには：
- 左側のペインで、Designをクリックします。
- テンプレートセクションで、すべてのデバイススイッチをオフに切り替えます。
- その後、モバイルまたはデスクトップクライアント用のテンプレートスタイルを編集することができます。ボディカラー、ボーダー幅とタイプ、背景タイプ、モバイルまたはデスクトップ受信者に関連付けされた背景色を編集します。
Eメールの共有範囲やレイアウトの設定が完了したら、、Eメールがどのように表示されるかをプレビューすることができます。
