クリエイティブ
テンプレートではなくドキュメント
書いたものは、公開されたスキーマを持つブロックツリーです。送り出されるのは、そのドキュメントをターゲット — メール、ページ、フォーム、SMS、プッシュ、印刷 — 向けにレンダリングしたものです。この2つは意図的に分離されています。エディターは置き換え可能ですがレンダリングはそうではないからで、そうでないふりをするのは、マーケティングツールが同じメッセージの食い違う6つのバージョンを抱え込むやり方です。
6つのターゲット、1つのソース
各ターゲットには好みの問題ではない制約があり、レンダラーがそれを把握しているので、あなたは知る必要がありません。
メールは、テーブルとインラインCSS、flexもgridも使わないこと(Outlookは今もWordでメールをレイアウトするため)、自動生成されるプレーンテキスト代替、ダークモードクライアントの色反転に耐える配色、そしてGmailが切り詰めを始める約102KBのサイズガードを意味します。
ページは、スラッグの下に公開される、通常のモダンなレスポンシブHTMLで、希望すれば独自ドメイン上に置けます。フォームは、ページにフィールドバインディング、バリデーション、ハニーポット、レート制限を加えたもので、consent 根拠を正当に生成できる、連絡先への唯一の経路です。
SMSは入力しながらセグメント数を数えます。プッシュは、タイトル、本文、アイコン、アクション、ディープリンクです。レターは、印刷CSSをPDFにレンダリングし、宛先を付けて郵送するものです。
ドキュメント自体は、公開されたスキーマを持つセットアップとして、非公開テーブルに隠されるのではなく、エコシステムのドキュメントサービスに保存されます。つまり、より良いエディターが登場した日にも、同じドキュメントを編集でき、上流には何も変更がありません。
- 1メールテーブル、インラインCSS、テキスト代替、ダークモード対応、約102KBガード。
- 2ページスラッグの下のレスポンシブHTML、独自ドメイン対応。
- 3フォームページにバインディング、バリデーション、ハニーポット、レート制限を追加。
- 4smsライブのGSM-7 / UCS-2セグメントカウンター付きテキスト。
- 5プッシュタイトル、本文、アイコン、アクション、ディープリンク。
- 6レターPrint CSS → PDF。
- i継ぎ目エディターは交換可能ですが、ターゲットはそうではありません。だからこそ、ドキュメントには公開されたスキーマがあります。
ターゲットごとにキャッシュされるレンダリング結果
差し込み変数
未知の変数は送信時に黙って失敗するのではなく、公開時に失敗します
テンプレート言語の多くは、存在しないキーに対して何も出力しないのがデフォルトの動作です。メールでそれが起きると、「こんにちは、」という文面が4万人に送られ、返信が届き始めるまで誰も気づきません。そこで、ドキュメントは公開できる前に、変数の語彙に対して検証されます。
差し込めるもの
連絡先のメールアドレス、名前、電話番号、ロケール。属性はあなたのものですから自由に使えるattrs.*。あなたの組織の名前と郵送先住所。購読解除リンクと設定リンク。そしてメッセージ自体の件名とプレヘッダー。
「レコードにある何でも」ではなく、意図的にリストにしています。連絡先の行には内部識別子も含まれていますが、それらはメッセージに入れるべきものではありません。
フォールバックは欠落変数ではない
{{first_name | default:there}}は、この連絡先がたまたま持っていない既知の変数です。名前のない行が半分あるインポート済みリストのような場合です。これはフォールバックが表示されるだけで、まったく問題ありません。
拒否されるのは{{frist_name}}のような、誰に対しても存在しない変数です。送信時にはこの2つは同じに見えますが、公開時にはまったく異なります。だからこそ、チェックは公開時に行われるのです。
同じ語彙がすべてのターゲットで使えるため、メールのために書いたフレーズは、書き直さずにそのままSMSやランディングページでも表示されます。また、first_nameは保存されているのではなく、レンダリング時に氏名全体から導出されます。保存された分割は、その前提に合わない名前の人を待つ、間違った分割だからです。
一度書けば、チャンネルに合わせた姿で届きます。
送り出される前に
まだ修正できるうちに行われるチェック
Gmailのクリップ
約102 KBを超えると、Gmailはメッセージを切り詰め、残りをほとんどの人が押さないリンクの向こうに隠します。その一番下には、購読解除リンクも含まれます。レンダラーはサイズを測定し、公開時に警告します。
画像の重さ
4メガバイトのヒーロー写真はサイズ予算を吹き飛ばし、スマートフォンではひどく表示されます。画像はアップロード時にリサイズ・変換されます。これは見た目の好みではなく、到達性の問題です。
受信箱プレビュー
メッセージはデスクトップ幅とモバイル幅でレンダリング・撮影され、リストビューには名前ではなく実際の見た目が表示されます。有料のプレビューサービスは使っていません。
実際のテスト送信
実際の受信者と同じレンダラー、同じ送信アイデンティティを通じて、自分自身に送ってください。別のコードパスを通るプレビューは、実際に送られるメッセージについて何も証明しません。
貼り付けたHTMLはサニタイズされます
外部から貼り付けたコンテンツは、保存前にサニタイザーを通ります。マーケティングメールは、誰かのクリップボードに何が入っていたかを知る場所ではないからです。
お好みならMarkdownで
Markdownで書けば、レンダリングされます。モデルにメールのHTMLを頼むよりはるかに信頼でき、エージェントがメッセージを書くというアイデアをデモではなく実用的なものにするのは、この仕組みのおかげです。
自分のウェブサイトから始める
初回実行時にURLを貼り付けてください。ClickSomoはページからロゴ、アイコン、マニフェスト、そして実測された色を読み取り、誰かが当てずっぽうに選んだ色ではなく、最初からあなたのものに見えるメールを作成します。プラットフォームも検出され、それだけで価値あるファネルの提案が可能になります。ショップにはカゴ落ちメール、出版社にはニュースレターのウェルカムメールです。
あなたが指定したURLへの取得は、すべて保護されたフェッチャーを通ります。HTTPとHTTPSのみ、リテラルアドレスは直接チェック、すべてのDNS応答は公開アドレスであることを要求、リダイレクトの各ホップも再検証されます。顧客の代わりに任意のURLを取得することは、自分のネットワークに穴を開ける最も簡単な方法のひとつであり、二度書くべきものではありません。
正直なところ: ウェブサイトから生成された最初のテンプレートは良い出発点であって、完成したデザインではありません。ロゴ、色、書体をだいたい正しく取得し、最初の送信がデモに見えないようにしてくれます。その後はあなたが編集します。空白のキャンバスを眺めるより、ずっと良い仕事です。