私たちの受信トレイはひどいメールであふれています...そのため、あなたのビジネスに広範な購読者ベースがあり、メールの開封率とクリックスルー率を本当に上げたいと考えている場合 (CTR）ワンランク上の対話性が重要です。 勢いを増している XNUMX つのソリューションは、Accelerated Mobile Page テクノロジーの使用です。 HTML 電子メール。
電子メールのAMP
AMP テクノロジーを使用してより動的でインタラクティブなメール コンテンツを作成できるようになったことは、メール テクノロジーの大きな進歩です。 メールのAMP 通常の Web サイト向け AMP とは異なり、メールで実行できることにはいくつかの制限があります (例: ビデオとオーディオは現在サポートされていません)。
メールでの AMP サポートは、すべてのメール クライアントで広く利用できるわけではありませんが、次のようないくつかの主要なメール クライアントでサポートされています。 Gmailの, Outlook.comおよび Yahoo!メール. また、メール クライアントが AMP をサポートしている場合でも、AMP が既定で有効になっていない場合や、有効にするために受信者が何らかのアクションを実行する必要がある場合があることに注意することも重要です。
AMP for Email は、インタラクティブで動的な電子メール コンテンツの作成に使用できる一連の構築済みコンポーネントを提供することで機能します。 これらのコンポーネントには、フォーム、クイズ、画像カルーセルなどが含まれ、受信者により良いユーザー エクスペリエンスを提供する魅力的でインタラクティブなメールを作成するために使用できます。
AMP HTML メールの例
購読フォームを含む AMP メールの例を次に示します。 このメールを送信する場合、スクリプトの埋め込みは含まれていないことに注意してください。これは、メール マーケティング プラットフォーム外でソリューションを構築およびテストするためのものです。
<!DOCTYPE html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<style amp4email>
.subscribe-form {
display: none;
}
</style>
</head>
<body>
<amp-img src="https://example.com/amp-header.jpg" alt="Header image"></amp-img>
<div amp4email>
<p>Please enable AMP for Email to view this content.</p>
</div>
<form method="post"
action-xhr="https://example.com/subscribe"
target="_top"
class="subscribe-form"
id="subscribe-form"
novalidate
[submit-error]="errorMessage.show"
[submit-success]="successMessage.hide">
<h2>Subscribe to our newsletter</h2>
<label>
Email:
<input type="email"
name="email"
required>
</label>
<div submit-success>
<template type="amp-mustache">
Success! Thank you for subscribing.
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Error: {{message}}
</template>
</div>
<input type="submit" value="Subscribe">
</form>
<amp4email fallback="https://example.com/non-amp-email.html">
<p>View the non-AMP version of this email.</p>
</amp4email>
</body>
</html>フォームは、 amp-form フォームの送信と検証を処理するカスタム要素。 ユーザーがフォームを送信すると、フォーム データは、 action-xhr これは、フォームの送信を処理するサーバー エンドポイントである必要があります。 の中に form タグ、追加しました novalidate 属性を使用してクライアント側のフォーム検証を無効にし、 [] を設定する構文 submit-success および submit-error テンプレートを動的に。 の submit-success および submit-error セクションは、フォーム送信が成功または失敗したときにユーザーに表示されるテンプレートをそれぞれ定義します。
AMP サポートがない場合のフォールバック HTML
AMP を有効にしていないユーザーや、AMP をサポートしていないメール クライアントを使用しているユーザーに代替コンテンツを提供できます。 これを行うには、 amp4email 属性を使用して、メールの非 AMP バージョンを指すフォールバック URL を指定します。 上記の例では、サポートされていない場合に AMP HTML を非表示にするスタイル タグと、HTML コンテンツを取得して表示できる代替 URL の両方を確認できます。
Mailmodo: コード不要の AMP メール マーケティングと自動化
Mailmodo は、AMP メールの力を活用して、簡素化されたメール マーケティング設定でより良いユーザー エクスペリエンスを作成できるように設計されているため、エンゲージメントとコンバージョン率を向上させることができます。一部は受信ボックスから直接!
Mailmodo の機能は次のとおりです。
- 簡単で無料の AMP メールのコーディング – AMP ブロックをドラッグ アンド ドロップ WYSIWYG メールをデザインするエディター。 ユーザーごとにコンテンツをパーソナライズしたり、独自の HTML ファイルやその他のコード スニペットをアップロードしたりすることもできます。
- 自動メール – ユーザーの行動と市場データに基づいてドリップ シーケンスを自動化し、電子メールを送信します。 ドラッグ アンド ドロップでユーザー ジャーニー マップをデザインするのに役立つビジュアル ジャーニー ビルダー。 ユーザーの行動を分析し、ドリップ シーケンスとジャーニー マップを最適化します。
- 高い配信可能性 – Mailmodo で一括メールを送信 SMTP または独自の配送サービスを追加します。 との統合 AWS SES, SendGridまたは ペピポスト. マネージド IP と専用 IP を取得することもできます。
- 取引メールの自動トリガー – サインアップ、購入、カートの放棄などのユーザー アクションによって、電子メールを自動的にトリガーします。 開封、クリック、送信に基づいてユーザーをセグメント化できます。 Mailmodo を使用すると、すべての移行メールをプラットフォーム上で直接管理および更新できます。
- 単一のダッシュボード上のすべてのレポート – すべてのデータを CSV 形式でエクスポートする機能を使用して、開封、クリック、購読解除、送信、件名の A/B テストを視覚化します。
外部の電子商取引、顧客関係管理との製品化された統合 (CRM）、および他のプラットフォームも利用可能です... Shopifyサービス, Salesforce, モーエンゲージ, ネットコア, クレバータップ, パイプドライブ, ウェブエンゲージ、 もっと。
情報開示： Martech Zone のアフィリエイトです メールモード この記事全体でアフィリエイト リンクを使用しています。
