ユーザー選択リマインダーメッセージング
Brazeのランディングページ、カスタム属性、Campaignsを使用して、今後のイベントや予定に関するリマインダーメッセージをいつ受け取りたいかをユーザーが選択できるようにします。このアプローチにより、技術的な知識がないBrazeユーザーでもリマインダーサインアップページのコンテンツを作成・編集でき、ユーザーが選択した設定はBrazeを活用したすべてのメッセージングにおけるセグメンテーション、ターゲティング、パーソナライゼーションに活用できます。
このアプローチでは、以下のことが可能です。
- 今後のイベントに対するリマインダーメッセージの日付をユーザー自身が選択できます。
- Brazeのランディングページを使用してユーザーから直接設定を取得し、ユーザープロファイルに書き込みます。追加のバックエンドは不要です。
- ユーザーが選択した日付にメッセージを送信するため、メッセージの関連性と許可ベースの配信が維持されます。
- メッセージ遅延、フォローアップリターゲティング、ABテストなどの追加のBraze機能でユースケースを拡張できます。
前提条件
このガイドを完了するには、以下が必要です。
| 要件 | 説明 |
|---|---|
| ランディングページへのアクセス | Brazeでランディングページを作成するためのアクセスと権限。 |
| HTMLとJavaScriptの知識 | ランディングページをカスタマイズするためのHTMLとJavaScriptの基本的な知識。オプションBでのみ必要です。 |
| Liquidの知識 | パーソナライズ済み変数をテンプレート化するためのLiquidの基本的な知識。 |
ステップ1: ランディングページを作成し、メッセージからリンクする
まず、Brazeのランディングページを作成します。次に、ユーザーをランディングページにリンクするメッセージ（メールなど）を作成します。
ランディングページのアクティビティを受信者のユーザープロファイルに自動的に関連付けるには、Brazeメッセージからページにリンクする際に{% landing_page_url %} Liquidタグを使用します。例:
1
<a href="{% landing_page_url your-page-url-handle %}">Sign up for reminders</a>
ユーザーがこのリンクをクリックすると、Brazeが自動的にユーザーを識別するため、送信された設定は既存のプロファイルに書き込まれます。手動でのURLパラメーターは不要です。詳細なウォークスルーについては、フォームを通じてユーザーを追跡するを参照してください。
ステップ2: ランディングページで設定を取得する
ユーザー設定の取得方法は、共通の日付を収集するか、パーソナルな日付を収集するかによって異なります。ユースケースに合ったオプションを選択してください。
オプションA: 共通の日付（ドラッグ＆ドロップフォームブロック）
多くのユーザーが同じ日付を共有するイベント（祝日やスポーツイベントなど）の場合、ドラッグ＆ドロップエディターの組み込みチェックボックスフォームブロックを使用して設定を取得します。各チェックボックスは、フォームが送信されるとユーザーのプロファイルにブール値のカスタム属性（trueまたはfalse）をネイティブに設定します。カスタムコードは不要です。
例えば、カスタム属性super_bowl_2026_reminderにマッピングされた「Super Bowl 2026リマインダー」というラベルのチェックボックスを追加します。ユーザーがチェックボックスをオンにしてフォームを送信すると、Brazeは以下を設定します。
1
super_bowl_2026_reminder = true
これらのブール値属性は、Segmentフィルターで直接使用して、リマインダーメッセージのターゲットオーディエンスを構築できます。
オプションB: パーソナルな日付（カスタムコードブロック）
各ユーザーに固有の日付（誕生日や記念日など）の場合、ランディングページのカスタムコードブロックを使用して日付を取得し、lpBridge APIを使用してBrazeに書き込みます。このアプローチでは、日付入力（またはピッカー）が提供され、ドラッグ＆ドロップフォームブロックではサポートされていない階層化カスタム属性のオブジェクト配列に設定を保存できます。
ユーザーが{% landing_page_url %} Liquidタグを通じてアクセスすると、Brazeはすでにユーザーを認識しているため、スクリプトは以下のことだけを行う必要があります。
- フォーム送信ボタンのクリックをリッスンします。
- カスタム入力から日付値を読み取ります。
lpBridgeAPIを使用して階層化カスタム属性を設定し、データをBrazeにフラッシュします。
これらの設定は、階層化カスタム属性のオブジェクト配列を使用して保存します。この構造により、ユーザーごとに複数のリマインダーを保存でき、next_reminder_nameやlast_reminder_dateなどの派生フィールドを後から追加できます。
スクリプトの例
以下のスクリプト例では、デフォルトのボタン動作を無効にし、ボタンクリック時にカスタムメソッドを実行します。要素IDと属性値をご自身のものに置き換えてください。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script async="true">
// Set IDs (as found by inspecting your landing page preview) and success message
const registerButtonId = "YOUR_BUTTON_ID";
const messageDivId = "YOUR_MESSAGE_DIV_ID";
const successMessage = "You're all set! We'll send your reminder.";
// Wait for page content to load
document.addEventListener("DOMContentLoaded", () => {
// Remove the default redirect event from the Braze Message Handler Script
props[registerButtonId].onclickContract[0].brazeEvents =
props[registerButtonId].onclickContract[0].brazeEvents.filter(
(event) => event.eventType !== "REDIRECT"
);
const registerButton = document.getElementById(registerButtonId);
if (registerButton) {
registerButton.addEventListener("click", async (event) => {
event.preventDefault();
// Set the custom attribute (replace with your actual key/value)
await window.lpBridge.setCustomUserAttribute("key", "value");
// Flush data to Braze
await window.lpBridge.requestImmediateDataFlush();
// Remove the button and update the message
registerButton.remove();
const messageDiv = document.getElementById(messageDivId);
if (messageDiv) {
messageDiv.innerHTML = successMessage;
}
});
}
});
</script>
ランディングページコンポーネントの要素IDを見つけるには、ページをプレビューし、右クリックしてブラウザで検証を選択します。HTML内でボタンとメッセージコンポーネントのIDを確認してください。
ステップ3: リマインダーメッセージを設定してトリガーする
ランディングページを通じてカスタム属性を収集した後、今後のイベントについてユーザーにメッセージを送信するCampaignsを作成します。
オプションA: 共通の日付
ブール値のカスタム属性（ステップ2のオプションA）を使用した場合、その属性をSegmentフィルターとして使用してリマインダーメッセージのオーディエンスを構築します。次に、イベント前にスケジュールされた新しいCampaignを作成し、選択したコンテンツでこのグループをターゲットにします。
オプションB: パーソナルな日付
階層化カスタム属性（ステップ2のオプションB）を使用した場合、階層化カスタム属性オーディエンスフィルターを使用して、特定の時間枠内（例えば、2日後）にリマインダー日付があるすべてのユーザーを選択します。
継続的にリマインダーを送信するには、毎日繰り返しのCampaignを設定して、時間枠内に今後のリマインダーがあるユーザーが毎日メッセージを受信できるようにします。
ステップ4: 統合を検証する
セットアップが完了したら、統合を検証します。
- ランディングページへのリンクを自分に送信し、フォームを完了します。
- Brazeダッシュボードでユーザープロファイルに移動し、カスタム属性が表示されていることを確認します。
- テストリマインダーメッセージを自分のプロファイルに送信し、パーソナライズ済みの詳細が正しくレンダリングされることを確認します。
- Campaignを起動する際に、結果を注意深く監視します。
考慮事項
- 日付ベースのカスタム属性に基づいてメッセージを送信する方法の詳細な例については、REST APIメッセージングガイドのメールのユースケースを参照してください。
- ランディングページを複製したり、フィールドを置き換えたりすると、コンポーネントIDが変更されます。新しいIDを反映するようにカスタムコードブロックを更新してください。
- 階層化カスタム属性は、オブジェクト配列内の各キーに対してデータポイントを消費します。カスタム属性オブジェクトをnullに更新する場合もデータポイントを消費します。
- このガイドで紹介しているコードは、説明のための例です。本番環境にデプロイする前に、すべてのコードとコンポーネントをご自身の環境で十分にテストしてください。