ユーザー選択リマインダーメッセージング

Braze のランディングページ、カスタム属性、キャンペーンを使用して、今後のイベントや予定に関するリマインダーメッセージをいつ受け取りたいかをユーザーが選択できるようにします。このアプローチにより、技術的な知識がない Braze ユーザーでもリマインダーサインアップページのコンテンツを作成・編集でき、ユーザーが選択した設定は Braze を活用したすべてのメッセージングにおけるセグメンテーション、ターゲティング、パーソナライゼーションに活用できます。

このアプローチでは、以下のことが可能です。

• 今後のイベントに対するリマインダーメッセージの日付をユーザー自身が選択できます。
• Braze のランディングページを使用してユーザーから直接設定を取得し、ユーザープロファイルに書き込みます。追加のバックエンドは不要です。
• ユーザーが選択した日付にメッセージを送信するため、メッセージの関連性と許可ベースの配信が維持されます。
• メッセージ遅延、フォローアップリターゲティング、AB テストなどの追加の Braze 機能でユースケースを拡張できます。

前提条件

このガイドを完了するには、以下が必要です。

ステップ 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

これらのブール値属性は、セグメントフィルターで直接使用して、リマインダーメッセージのターゲットオーディエンスを構築できます。

オプション B: パーソナルな日付（カスタムコードブロック）

各ユーザーに固有の日付（誕生日や記念日など）の場合、ランディングページのカスタムコードブロックを使用して日付を取得し、lpBridge API を使用して Braze に書き込みます。このアプローチでは、日付入力（またはピッカー）が提供され、ドラッグ＆ドロップフォームブロックではサポートされていない階層化カスタム属性のオブジェクト配列に設定を保存できます。

ユーザーが {% landing_page_url %} Liquid タグを通じてアクセスすると、Braze はすでにユーザーを認識しているため、スクリプトは以下のことだけを行う必要があります。

1. フォーム送信ボタンのクリックをリッスンします。
2. カスタム入力から日付値を読み取ります。
3. lpBridge API を使用して階層化カスタム属性を設定し、データを 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: リマインダーメッセージを設定してトリガーする

ランディングページを通じてカスタム属性を収集した後、今後のイベントについてユーザーにメッセージを送信するキャンペーンを作成します。

オプション A: 共通の日付

ブール値のカスタム属性（ステップ 2 のオプション A）を使用した場合、その属性をセグメントフィルターとして使用してリマインダーメッセージのオーディエンスを構築します。次に、イベント前にスケジュールされた新しいキャンペーンを作成し、選択したコンテンツでこのグループをターゲットにします。

オプション B: パーソナルな日付

階層化カスタム属性（ステップ 2 のオプション B）を使用した場合、階層化カスタム属性オーディエンスフィルターを使用して、特定の時間枠内（例えば、2日後）にリマインダー日付があるすべてのユーザーを選択します。

継続的にリマインダーを送信するには、毎日繰り返しのキャンペーンを設定して、時間枠内に今後のリマインダーがあるユーザーが毎日メッセージを受信できるようにします。

ステップ 4: 統合を検証する

セットアップが完了したら、統合を検証します。

1. ランディングページへのリンクを自分に送信し、フォームを完了します。
2. Braze ダッシュボードでユーザープロファイルに移動し、カスタム属性が表示されていることを確認します。
3. テストリマインダーメッセージを自分のプロファイルに送信し、パーソナライズ済みの詳細が正しくレンダリングされることを確認します。
4. キャンペーンを起動する際に、結果を注意深く監視します。

考慮事項

• 日付ベースのカスタム属性に基づいてメッセージを送信する方法の詳細な例については、REST API メッセージングガイドのメールのユースケースを参照してください。
• ランディングページを複製したり、フィールドを置き換えたりすると、コンポーネント ID が変更されます。新しい ID を反映するようにカスタムコードブロックを更新してください。
• 階層化カスタム属性は、オブジェクト配列内の各キーに対してデータポイントを消費します。カスタム属性オブジェクトを null に更新する場合もデータポイントを消費します。
• このガイドで紹介しているコードは、説明のための例です。本番環境にデプロイする前に、すべてのコードとコンポーネントをご自身の環境で十分にテストしてください。