HTMLメールを作成して送信する

最終更新日: 2026年10月05日 16:22

HTMLメールを使用すると、ビジュアルデザインスタジオでブロックごとに開発する代わりに、生のHTMLをコードエディターに直接貼り付けてOrchestrateメールを開発できます。外部のメールビルダーまたはメールサービスプロバイダー（ESP）からのHTMLがすでにあり、Orchestrateの既存のセグメント、スケジュール設定、送信インフラを通じて送信したい場合は、このオプションを使用してください。

この記事では、テンプレートベースのメールとは異なる仕組みで動作するHTMLメールの要素、HTMLエディター、パーソナライズトークン、配信停止の要件について説明します。メール設定、受信者の選択、スケジュール設定、スロットリング、送信など、両方のメールタイプで同じように機能する概念については、メールを作成して送信するをご覧ください。

注：HTMLメールは、スタンドアロンのメールのみに対応しています。まだサポートされていない項目の完全なリストについては、HTMLメールでまだサポートされていない機能 セクションを参照してください。

前提条件

HTMLメールを作成して送信するには、以下の手順を実行する必要があります。

設定および認証済みのメールドメインが必要です。「Pendoでメールドメインを設定および認証する」を参照してください。
メールコンテンツ編集者、メール作成者、またはサブスクリプション管理者の権限を持っていること。デフォルトのアプリレベルの役割を参照してください。

HTMLメールを作成する

左側のメニューで、［オーケストレーション］>［メール］の順に移動します。
右上で、［メールを作成］ボタンのドロップダウン矢印を選択し、［HTMLメールを作成］を選択します。
メールの種類として、マーケティングまたはトランザクションを選択してください。テンプレートメールと同様に、これは後から変更できません。別のタイプが必要な場合は、新しいメールを作成してください。マーケティングメールおよびトランザクションメールのテンプレートを参照してください。
メールの送信元となるアプリを選択します。
［メールの詳細］を開くことを確認します。

注：テンプレートメールとは異なり、HTMLメールではガイドが作成されないため、ビジュアルデザインスタジオの手順はありません。HTMLを直接作成してプレビューします。

HTMLコンテンツを編集する

［メールの詳細］ページの［メールテンプレート］カードで、［メールの編集］を選択します。
HTMLエディターを開くと、左右に並んだ2つのパネル（左側のコードパネルと右側のライブプレビューパネル）が表示されます。
HTMLをコードパネルに貼り付けるか、入力します。
プレビューパネルにHTMLをレンダリングするには、［プレビューを表示］を選択します。HTMLを変更した際は、いつでも再度これを選択してプレビューを更新します。
変更を保存するには、［保存］を選択します。「メールを保存する」をご覧ください。

ヒント：プレビューと保存されたバージョンには、同じ処理が行われます。セキュリティ上の理由からHTMLはサニタイズされ、パーソナライゼーショントークンは自動的に再フォーマットされるため、［プレビューを表示］に表示される内容が、受信者に届く内容となります。

HTMLを作成する際は、以下のガイドラインに従ってください。

Pendoは、HTMLが保存または送信される前にサニタイズして処理するため、配信されるメールが貼り付けた内容と完全に一致しない場合があります。Pendoは、メールクライアント間でHTMLの安全性と互換性を維持するのに役立ちますが、対応するメールクライアントでメールが正しく表示されることをテストする責任はお客様にあります。

テーブルベースのレイアウトを使用します。Gmail、Outlook、Apple Mailなどのメールクライアントでは、最新のCSSに対するサポートが一貫していません。<table>、<tr>、<td>をレイアウトとして<div>ベースのFlexboxやGridの代わりに使用し、<head>スタイルシートの代わりにインラインstyle属性を使用してください。

画像を外部でホストします。http://およびhttps://の画像URLのみがサポートされています。Base64でエンコードされたデータURLはサポートされていないため、一般公開されているCDNまたはサーバーで画像をホストしてください。

プレビューテキストを制御します。HTML内で最初に表示されるテキストが、受信トレイのプレビュースニペットとして使用されます。これを明示的に設定するには、<body>の先頭近くに非表示の要素を追加します。

<span style="display:none;max-height:0;overflow:hidden;">
ここにプレビューテキストを入力します。
</span>

受信トレイクライアントが意図しない本文コンテンツを取り込まないように、Pendoはこの後に不可視のパディングを自動的に追加します。

何が削除されるのかを把握しておきましょう。JavaScriptはサポートされておらず、保存または送信する前に除去されます。これには、<script>タグ、onclick、onload、onmouseoverなどのインラインイベント属性、javascript: URLが含まれます。リンクでは、http://、https://、mailto:のURLスキームのみが許可されます。サポートされていないタグや属性は自動的に削除されます。サポートされているタグには、html、head、body、style、table、tr、td、p、div、span、a、img、h1～h6、ul、ol、liなどがあります。<form>、<input>、<script>、<iframe>、<video>は許可されていません。

HTMLは100MB未満にしてください。大きなHTMLコンテンツは保存できません。

パーソナライズを追加する

テンプレートメールと同様に、ブロックベースのエディターと同じ訪問者とアカウントのメタデータトークン構文を使用して、HTMLメールをパーソナライズできます。

ユースケース	構文	例：
訪問者フィールド、フォールバックなし	`{visitor.propertyname/}`	`{visitor.email/}`
アカウントフィールド、フォールバックデフォルト付き	`{account.propertyname\|default/}`	`{account.name\|Your company/}`

サポートされているルートはvisitorとaccountです。
メールごとに、最大20個のパーソナライズトークンを追加できます。
デフォルト値の上限は100文字です。

購読解除リンクを追加する

マーケティングメールは、保存またはテストする前に、購読解除トークンを含める必要があります。

HTMLエディターのツールバーで、［購読解除を追加］を選択します。このボタンは、マーケティングメールの場合にのみ表示されます。トランザクションメールには、購読解除リンクは必要ありません。
Pendoは、クリック可能なリンクでラップされた購読解除トークンを挿入します：<a href="{{ UnsubscribeURI }}">Unsubscribe</a>。メールが送信されると、Pendoはトークンを受信者ごとの有効な購読解除リンクに置き換えます。
ボタンを使用する代わりに、HTMLに直接トークンを入力することもできます。{{ UnsubscribeURI }}と正確に記述し、{{ and before }}の後にスペースを入れ、必ず<a>タグで囲んでください。リンクで囲まれていない単体のトークンも有効ですが、受信者が開けません。

重要：マーケティングメールのHTMLに{{ UnsubscribeURI }}が含まれていない場合、Pendoは警告を表示し、トークンを追加するまで［保存］と［テストメールを送信］の両方を無効のままにします。購読解除リンクは常に表示された状態にし、リンクを非表示にする可能性があるdisplay: noneまたは同様のCSSは削除してください。

それ以外の場合、購読解除の動作はテンプレートメールと同様です。受信者が一度購読を解除すると、セグメントに関係なく、すべてのOrchestrateマーケティングメールの配信が停止されます。メールを作成して送信するの「購読解除設定」をご覧ください。

メールを保存する

HTMLエディターで［保存］を選択します。変更を加え、マーケティングメールの場合は配信停止トークンが存在するまで、［保存］は無効になっています。保存すると、PendoはHTMLをサニタイズして保存し、［メールの詳細］のプレビューがすぐに更新されます。

保存に失敗した場合、Pendoにエラー通知が表示され、エディターは開いたままになり、編集内容は失われません。

設定、受信者、スケジュールを構成する

これらは、件名、送信者の詳細、受信者のメタデータ、セグメント、スケジューリングオプションを含め、テンプレートベースのメールと同様に機能します。メールを作成して送信するの「メール設定を構成する」、「受信者を選択する」、「配信のスケジュールを設定する」を参照してください。

テストメールを送信する

［メールテンプレート］カードで、［テストメールを送信］を選択します。
受信者のメールアドレスを入力し、アドレスごとにEnterキーを押します。
［メールの送信（Send Email）］を選択します。

［テストメールを送信］は、以下の場合に無効になります。

送信元アドレスや件名の欠落など、メール設定が不完全な場合。
コードパネルが空の場合。
マーケティングメール用の購読解除トークンがない場合。

メールを送信または有効化する

HTMLメールの送信と有効化は、テンプレートメールの場合と同じです。メールを作成して送信するの「メールを送信または有効化する」をご覧ください。

HTMLメールでまだサポートされていない機能

ジャーニーへのHTMLメールの追加。HTMLメールはスタンドアロン送信のみをサポートしています。
要素ごとのクリックアナリティクス。開封数、クリック数、配信停止数は、メール全体レベルで集計されます。
テーマ、ローカリゼーション、AIメールビルダー、APIファースト送信、Pendoコードブロック。
既存のメールのHTMLエディターとブロックベースのビジュアルデザインスタジオの間での切り替え。