Skip to content

ドラッグ＆ドロップエディターブロック

エディターブロックは、ドラッグ＆ドロップエディターで行や列にドラッグするタイルです。

使用しているエディターを選択してください:

アプリ内メッセージエディターブロック

エディターブロックは、アプリ内メッセージのビルドセクションにあります。列にブロックをドラッグすると、列幅に自動調整されます。ブロックを選択すると、右側パネルで設定を編集できます。

ドラッグ＆ドロップエディターでのアプリ内メッセージ作成の詳細については、ドラッグ＆ドロップでアプリ内メッセージを作成するを参照してください。

タイトルと段落

メッセージにタイトルまたは段落テキストを追加します。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
テキストの色 テキストの色を変更します。

ボタン

スタイル、リンク、分析を設定可能な標準ボタンを追加します。

プロパティ 説明
ボタンの幅 ボタンの幅を自動または手動に変更します。
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
文字間隔 各文字間の距離を変更します。
ボタンの配置 ボタンを左揃え、中央揃え、または右揃えに移動します。
ボタンのテキスト色 ボタン上のテキストの色を変更します。
バックグラウンドの色 ボタンのバックグラウンドの色を変更します。
ボーダースタイル ボタンのボーダーのスタイルを決定します。
ボーダーの角丸 角の丸みを決定します。

クリック時の動作

アクション 説明
ボタンクリック時にフォームを送信 フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定 ボタンの動作をプラットフォームごとに個別にカスタマイズします。
クリック時動作 ユーザーがボタンをクリックしたときのアクションを決定します。メッセージを閉じる、Web URLを開く、アプリの特定のページへのディープリンク、別のページへの遷移、プッシュ許可のリクエストなどがあります。
カスタム属性またはイベントを記録 ボタンのクリックによってユーザーのプロファイルをカスタムデータで更新するかどうかを決定します。レポート用の識別子を選択することもできます。

ラジオボタン

ユーザーが1つ選択できるオプションのリストを追加します。送信時、ユーザープロファイルに関連するカスタム属性がログされます。保存するには文字列である必要があります。他のデータ型のカスタム属性はユーザープロファイルに保存されません。

プロパティ 説明
カスタム属性名 フォームが送信されたときに、ユーザーが選択したオプションを保存するカスタムユーザー属性を選択します。
選択肢の合計 オプションのリストです。各オプションにはラベルテキスト（ユーザーに表示される内容）と属性値（保存される内容）があります。最低2つ、最大15個の選択肢を追加できます。
フォントファミリー ラジオグループテキストの書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストカラー オプションラベルテキストの色です。
文字間隔 文字間の水平方向の間隔です。
配置 ブロック内の選択肢の水平方向の配置です。
アクセントカラー ラジオボタンコントロールに使用される色（選択済み状態のインジケーターなど）です。
パディング ブロック周囲の間隔です。

画像

メディアライブラリから画像を挿入します。

プロパティ 説明
URL 画像のホスト先の住所です。
Alignment 画像を左揃え、中央揃え、または右揃えに移動します。
Background color 画像のバックグラウンドの色を変更します。
Border style 画像の枠線のスタイルを決定します。
Border radius 画像の角の丸みを決定します。

画像の仕様については、アプリ内メッセージの画像仕様を参照してください。

クリック時の動作

アクション 説明
代替テキスト 画像の読み込みに失敗した場合に画像の代わりに表示されるテキストです。スクリーンリーダーは代替テキストを読み上げて画像を説明するため、わかりやすい言葉で画像の重要な情報を記述してください。
画像クリック時にフォームを送信 フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定 各プラットフォームに対して画像の動作を個別にカスタマイズします。
クリック時動作 ユーザーが画像をクリックしたときのアクションを決定します。メッセージを閉じる、WebのURLを開く、アプリの特定のページへのディープリンク、別のページへの遷移、プッシュ許可のリクエストなどがあります。
カスタム属性またはイベントを記録 画像のクリックによってユーザーのプロファイルをカスタムデータで更新するかどうかを決定します。レポート用の識別子を選択することもできます。

ユーザーがクリックして指定されたURLに移動できるハイパーリンクを挿入します。テキスト内に埋め込むか、スタンドアロンで使用できます。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
文字間隔 各文字間の距離を調整します。
テキストカラー テキストの色を変更します。

クリック時の動作

アクション 説明
URL 移動先のハイパーリンクです。
レポート用識別子 レポート用の識別子を決定します。

スペーサー

他のブロック間にスペースやパディングを追加します。

プロパティ 説明
バックグラウンドカラー スペーサーのバックグラウンドカラーを変更します。
高さ スペーサーの高さを変更します。スペーサーのリサイズハンドルを使用して変更することもできます。

カスタムコード

高度なカスタマイズ用にカスタムHTML、CSS、またはJavaScriptを挿入します。

プロパティ 説明
カスタムコード アプリ内メッセージ用のHTML、CSS、JavaScriptを追加、編集、または削除できます。

電話番号キャプチャ

電話番号用のフォームフィールドを挿入します。送信時、ユーザーはSMSまたはWhatsApp購読グループに購読されます。

プロパティ 説明
サブスクリプショングループ 送信時にユーザーが購読中のSMSまたはWhatsAppサブスクリプショングループ。すべての国の電話番号を収集するオプションが含まれています。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
プレースホルダーテキスト 表示するプレースホルダーの電話番号。

メールキャプチャ

メールアドレス用のフォームフィールドを挿入します。送信時、メールアドレスはBrazeのそのユーザーのプロファイルに追加されます。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
テキストの色 テキストの色を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
プレースホルダーテキスト 表示するプレースホルダーのメールアドレスです。

ショートテキスト

標準属性（名前や姓など）またはカスタム属性文字列をサポートするフォームフィールドを挿入します。

プロパティ 説明
必須入力フィールド フォームを送信する前にフィールドへの入力が必要かどうかを示します。
最大文字数 ユーザーが入力できる文字数を制限します（文字列カスタム属性の上限は255文字です）。
プレースホルダーテキスト ユーザーが入力するまでフィールド内に表示されるテキストです。
属性 送信された値を名、姓、またはカスタム属性としてユーザープロファイルに保存します。
カスタム属性名 送信された値を受け取る文字列カスタム属性を選択します（属性がカスタム属性に設定されている場合に使用できます）。
フォントファミリー 入力テキストの書体です。
フォントウェイト 入力テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ 入力テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
文字間隔 文字間の水平方向の間隔です。
カラー フィールドに入力されたテキストの色です。
テキスト配置 フィールド内の入力テキストの水平方向の配置です。
パディング ブロック周囲の間隔です。

ドロップダウン

ユーザーが1つ選択できる事前定義された項目リストのドロップダウンを挿入します。リストにカスタム属性文字列を追加できます。

プロパティ 説明
必須入力フィールド フォームを送信する前にユーザーがオプションを選択する必要があるかどうかを示します。
プレースホルダーテキスト ユーザーがオプションを選択するまでドロップダウンに表示されるテキストです。
カスタム属性名 選択された値を受け取るカスタムユーザー属性を選択します。
オプション合計 オプションのリストです。各オプションにはオプションラベル（ユーザーに表示される内容）と属性値（保存される内容）があります。
フォントファミリー ドロップダウンテキストの書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ 垂直方向の行間隔です。
テキストカラー ドロップダウンテキストの色です。
文字間隔 文字間の水平方向のスペースです。
配置 ドロップダウンの水平方向の配置（左揃えまたは中央揃え）です。
パディング ブロック周囲のスペースです。

チェックボックス

チェックボックスを挿入します。ユーザーがボックスにチェックを入れると、ブロックのブーリアンカスタム属性がtrueに設定されます。チェックされていない場合、属性はfalseに設定されます。

プロパティ 説明
必須入力フィールド フォームを送信する前にチェックボックスをオンにする必要があるかどうかを示します。
カスタム属性名 チェック時に true、未チェック時に false を受け取るブール値カスタム属性を選択します。
アクセントカラー チェックボックスコントロールのスタイリングに使用される色です。
パディング ブロック周囲のスペースです。

チェックボックスグループ

ユーザーが複数の選択肢から選択できます。値は定義された配列カスタム属性に設定または追加されます。

プロパティ 説明
必須入力フィールド 送信前にユーザーが最低限のオプション数を選択する必要があるかどうかを設定します。
最小選択数 フィールドが必須の場合に、ユーザーが選択しなければならないオプションの最小数です。
最大選択数 ユーザーが選択できるオプションの最大数です。
カスタム属性名 選択済みの値を書き込む配列カスタム属性を選択します。
アクション 送信時にSets items（配列を置換）するか、Adds items（配列に追加）するかを設定します。
選択肢の合計 オプションのリストです。各オプションにはLabel text（ユーザーに表示されるテキスト）とAttribute value（保存される値）があります。
フォントファミリー オプションラベルの書体です。
フォントウェイト オプションラベルテキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ オプションラベルテキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストカラー オプションラベルテキストの色です。
文字間隔 文字間の水平方向の間隔です。
配置 グループの水平方向の配置（左揃えまたは中央揃え）です。
アクセントカラー チェックボックスコントロールの色です。
パディング ブロック周囲の余白です。

ロングテキスト

アンケートスタイルのフロー用の複数行テキストフィールドです。このブロックが表示されない場合は、BrazeサポートまたはBrazeのカスタマーサクセスマネージャーにお問い合わせください。

プロパティ 説明
必須入力フィールド フォームを送信する前にこのフィールドへの入力が必須かどうかを指定します。
最小文字数 ユーザーが入力する必要がある最小文字数です。
最大文字数 ユーザーが入力できる最大文字数です。
文字数カウントを非表示 テキストエリアのリアルタイム文字数カウンターの表示・非表示を切り替えます。
プレースホルダーテキスト ユーザーが入力するまで、空のテキストエリア内に表示されるテキストです。
高さ（テキストの行数） テキストエリアの高さを行数で指定します。
フォントファミリー テキストエリアのテキストに使用する書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストの色 テキストの色です。
文字間隔 文字間の水平方向の間隔です。

知っておくべきこと

  • 動画: 標準コンポーザーには専用の動画ブロックは含まれていません。必要に応じてカスタムコードを使用してプレーヤーを埋め込んでください。詳細については、アプリ内メッセージ: よくある質問を参照してください。

ランディングページエディターブロック

ランディングページのエディターブロックは、ドラッグ＆ドロップエディターのビルドセクションの行とブロックカテゴリの下にあります。行の列にブロックをドラッグすると、列幅に自動調整されます。ブロックを選択すると、右側のプロパティパネルで設定を編集できます。

ランディングページの作成と公開の詳細については、ランディングページを作成するを参照してください。

タイトルと段落

見出しまたは本文テキストを追加します。セクションの構造化や読みやすさの向上に役立ちます。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
テキストの色 テキストの色を変更します。

ボタン

リンクを開いたりフォームを送信したりするアクション用のクリック可能な要素を追加します。

プロパティ 説明
ボタンの幅 ボタンの幅を自動または手動に変更します。
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
文字間隔 各文字間の距離を変更します。
ボタンの配置 ボタンを左揃え、中央揃え、または右揃えに移動します。
ボタンのテキスト色 ボタン上のテキストの色を変更します。
バックグラウンドの色 ボタンのバックグラウンドの色を変更します。
ボーダースタイル ボタンのボーダーのスタイルを決定します。
ボーダーの角丸 角の丸みを決定します。

クリック時の動作

アクション 説明
ボタンクリック時にフォームを送信 フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定 ボタンの動作をプラットフォームごとに個別にカスタマイズします。
クリック時動作 ユーザーがボタンをクリックしたときのアクションを決定します。メッセージを閉じる、Web URLを開く、アプリの特定のページへのディープリンク、別のページへの遷移、プッシュ許可のリクエストなどがあります。
カスタム属性またはイベントを記録 ボタンのクリックによってユーザーのプロファイルをカスタムデータで更新するかどうかを決定します。レポート用の識別子を選択することもできます。

ラジオボタン

ユーザーが1つ選択できるオプションのリストを追加します。プロパティパネルを使用して、利用可能なオプションと選択された値を受け取るカスタム属性を設定します。フォーム送信時、ユーザープロファイルに選択された値が文字列カスタム属性としてログされます。他のデータ型のカスタム属性はユーザープロファイルに保存されません。

プロパティ 説明
カスタム属性名 フォームが送信されたときに、ユーザーが選択したオプションを保存するカスタムユーザー属性を選択します。
選択肢の合計 オプションのリストです。各オプションにはラベルテキスト（ユーザーに表示される内容）と属性値（保存される内容）があります。最低2つ、最大15個の選択肢を追加できます。
フォントファミリー ラジオグループテキストの書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストカラー オプションラベルテキストの色です。
文字間隔 文字間の水平方向の間隔です。
配置 ブロック内の選択肢の水平方向の配置です。
アクセントカラー ラジオボタンコントロールに使用される色（選択済み状態のインジケーターなど）です。
パディング ブロック周囲の間隔です。

画像

アップロードまたは外部URLから画像を表示します。

プロパティ 説明
URL 画像のホスト先の住所です。
Alignment 画像を左揃え、中央揃え、または右揃えに移動します。
Background color 画像のバックグラウンドの色を変更します。
Border style 画像の枠線のスタイルを決定します。
Border radius 画像の角の丸みを決定します。

クリック時の動作

アクション 説明
代替テキスト 画像の読み込みに失敗した場合に画像の代わりに表示されるテキストです。スクリーンリーダーは代替テキストを読み上げて画像を説明するため、わかりやすい言葉で画像の重要な情報を記述してください。
画像クリック時にフォームを送信 フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定 各プラットフォームに対して画像の動作を個別にカスタマイズします。
クリック時動作 ユーザーが画像をクリックしたときのアクションを決定します。メッセージを閉じる、WebのURLを開く、アプリの特定のページへのディープリンク、別のページへの遷移、プッシュ許可のリクエストなどがあります。
カスタム属性またはイベントを記録 画像のクリックによってユーザーのプロファイルをカスタムデータで更新するかどうかを決定します。レポート用の識別子を選択することもできます。

リンク

ユーザーが選択してURLに移動できるハイパーリンクを追加します。テキスト内に配置するか、スタンドアロンで使用できます。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
文字間隔 各文字間の距離を調整します。
テキストカラー テキストの色を変更します。

クリック時の動作

アクション 説明
URL 移動先のハイパーリンクです。
レポート用識別子 レポート用の識別子を決定します。

スペーサー

要素間に垂直方向のスペースを追加します。

プロパティ 説明
バックグラウンドカラー スペーサーのバックグラウンドカラーを変更します。
高さ スペーサーの高さを変更します。スペーサーのリサイズハンドルを使用して変更することもできます。

カスタムコード

Google Tag Managerなどの高度なカスタマイズ用にカスタムHTML、CSS、またはJavaScriptを挿入します。

プロパティ 説明
カスタムコード HTML、CSS、JavaScriptを追加、編集、または削除できます。

メールキャプチャ

メールアドレス用のフォームフィールドを追加します。送信時、アドレスはユーザーのBrazeプロファイルに保存されます。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
テキストの色 テキストの色を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
プレースホルダーテキスト 表示するプレースホルダーのメールアドレスです。

電話番号キャプチャ

電話番号用のフォームフィールドを追加します。送信時、選択したSMSまたはWhatsApp購読グループにユーザーを購読します。

プロパティ 説明
サブスクリプショングループ 送信時にユーザーが購読中のSMSまたはWhatsAppサブスクリプショングループ。すべての国の電話番号を収集するオプションが含まれています。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
プレースホルダーテキスト 表示するプレースホルダーの電話番号。

入力フィールド

標準属性（例: 名前や姓）またはカスタム属性文字列用のフォームフィールドを追加します。

プロパティ 説明
必須入力フィールド フォームを送信する前にフィールドへの入力が必要かどうかを示します。
最大文字数 ユーザーが入力できる文字数を制限します（文字列カスタム属性の上限は255文字です）。
プレースホルダーテキスト ユーザーが入力するまでフィールド内に表示されるテキストです。
属性 送信された値を名、姓、またはカスタム属性としてユーザープロファイルに保存します。
カスタム属性名 送信された値を受け取る文字列カスタム属性を選択します（属性がカスタム属性に設定されている場合に使用できます）。
フォントファミリー 入力テキストの書体です。
フォントウェイト 入力テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ 入力テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
文字間隔 文字間の水平方向の間隔です。
カラー フィールドに入力されたテキストの色です。
テキスト配置 フィールド内の入力テキストの水平方向の配置です。
パディング ブロック周囲の間隔です。

ドロップダウン

事前定義された項目リストで、ユーザーが1つ選択します。値をカスタム属性文字列にマッピングできます。

プロパティ 説明
必須入力フィールド フォームを送信する前にユーザーがオプションを選択する必要があるかどうかを示します。
プレースホルダーテキスト ユーザーがオプションを選択するまでドロップダウンに表示されるテキストです。
カスタム属性名 選択された値を受け取るカスタムユーザー属性を選択します。
オプション合計 オプションのリストです。各オプションにはオプションラベル（ユーザーに表示される内容）と属性値（保存される内容）があります。
フォントファミリー ドロップダウンテキストの書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ 垂直方向の行間隔です。
テキストカラー ドロップダウンテキストの色です。
文字間隔 文字間の水平方向のスペースです。
配置 ドロップダウンの水平方向の配置（左揃えまたは中央揃え）です。
パディング ブロック周囲のスペースです。

チェックボックス

チェックされると、ブロックのブーリアンカスタム属性をtrueに設定し、チェックされていない場合はfalseに設定します。

プロパティ 説明
必須入力フィールド フォームを送信する前にチェックボックスをオンにする必要があるかどうかを示します。
カスタム属性名 チェック時に true、未チェック時に false を受け取るブール値カスタム属性を選択します。
アクセントカラー チェックボックスコントロールのスタイリングに使用される色です。
パディング ブロック周囲のスペースです。

チェックボックスグループ

ユーザーが複数のオプションを選択できます。値は定義された配列カスタム属性に設定または追加されます。

プロパティ 説明
必須入力フィールド 送信前にユーザーが最低限のオプション数を選択する必要があるかどうかを設定します。
最小選択数 フィールドが必須の場合に、ユーザーが選択しなければならないオプションの最小数です。
最大選択数 ユーザーが選択できるオプションの最大数です。
カスタム属性名 選択済みの値を書き込む配列カスタム属性を選択します。
アクション 送信時にSets items（配列を置換）するか、Adds items（配列に追加）するかを設定します。
選択肢の合計 オプションのリストです。各オプションにはLabel text（ユーザーに表示されるテキスト）とAttribute value（保存される値）があります。
フォントファミリー オプションラベルの書体です。
フォントウェイト オプションラベルテキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ オプションラベルテキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストカラー オプションラベルテキストの色です。
文字間隔 文字間の水平方向の間隔です。
配置 グループの水平方向の配置（左揃えまたは中央揃え）です。
アクセントカラー チェックボックスコントロールの色です。
パディング ブロック周囲の余白です。

ロングテキスト

アンケートスタイルのフロー用の複数行テキストフィールドです。このブロックが表示されない場合は、BrazeサポートまたはBrazeのカスタマーサクセスマネージャーにお問い合わせください。このブロックは標準ランディングページでは利用できません。

プロパティ 説明
必須入力フィールド フォームを送信する前にこのフィールドへの入力が必須かどうかを指定します。
最小文字数 ユーザーが入力する必要がある最小文字数です。
最大文字数 ユーザーが入力できる最大文字数です。
文字数カウントを非表示 テキストエリアのリアルタイム文字数カウンターの表示・非表示を切り替えます。
プレースホルダーテキスト ユーザーが入力するまで、空のテキストエリア内に表示されるテキストです。
高さ（テキストの行数） テキストエリアの高さを行数で指定します。
フォントファミリー テキストエリアのテキストに使用する書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストの色 テキストの色です。
文字間隔 文字間の水平方向の間隔です。

知っておくべきこと

  • 動画: 標準コンポーザーには専用の動画ブロックは含まれていません。必要に応じてカスタムコードを使用してプレーヤーを埋め込んでください。詳細については、ランディングページを参照してください。

バナーエディターブロック

バナーコンポーザーでは、ビルドセクションから行とブロックをキャンバスにドラッグしてメッセージをレイアウトします。スタイルを選択してページレベルのスタイルを調整するか、ブロックまたは行を選択してサイドパネルでプロパティを編集します。

バナー作成の完全なフローについては、バナーを作成するを参照してください。

バナーコンポーザーは、他のドラッグ＆ドロップサーフェスと同じ種類のレイアウトブロックを提供しますが、完全なフォームブロックセット（例: ラジオボタン、ショートテキスト、ドロップダウン、チェックボックスブロック）は含まれていません。電話番号キャプチャとメールキャプチャブロックを追加できます。メッセージごとに電話番号キャプチャとメールキャプチャはそれぞれ1つのみ許可されています。

タイトルと段落

リッチテキストオプション付きの見出しまたは本文テキストを追加します。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
テキストの色 テキストの色を変更します。

ボタン

クリック可能なボタンを追加します。プロパティパネルでリンクと分析オプションを設定できます。

プロパティ 説明
ボタンの幅 ボタンの幅を自動または手動に変更します。
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
文字間隔 各文字間の距離を変更します。
ボタンの配置 ボタンを左揃え、中央揃え、または右揃えに移動します。
ボタンのテキスト色 ボタン上のテキストの色を変更します。
バックグラウンドの色 ボタンのバックグラウンドの色を変更します。
ボーダースタイル ボタンのボーダーのスタイルを決定します。
ボーダーの角丸 角の丸みを決定します。

クリック時の動作

アクション 説明
ボタンクリック時にフォームを送信 フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定 ボタンの動作をプラットフォームごとに個別にカスタマイズします。
クリック時動作 ユーザーがボタンをクリックしたときのアクションを決定します。メッセージを閉じる、Web URLを開く、アプリの特定のページへのディープリンク、別のページへの遷移、プッシュ許可のリクエストなどがあります。
カスタム属性またはイベントを記録 ボタンのクリックによってユーザーのプロファイルをカスタムデータで更新するかどうかを決定します。レポート用の識別子を選択することもできます。

詳細については、バナー記事のクリック時の動作を定義するを参照してください。

画像

ホストされたURLから画像を表示します。プロパティパネルで表示オプションを設定します。

プロパティ 説明
URL 画像のホスト先の住所です。
Alignment 画像を左揃え、中央揃え、または右揃えに移動します。
Background color 画像のバックグラウンドの色を変更します。
Border style 画像の枠線のスタイルを決定します。
Border radius 画像の角の丸みを決定します。

クリック時の動作

アクション 説明
代替テキスト 画像の読み込みに失敗した場合に画像の代わりに表示されるテキストです。スクリーンリーダーは代替テキストを読み上げて画像を説明するため、わかりやすい言葉で画像の重要な情報を記述してください。
画像クリック時にフォームを送信 フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定 各プラットフォームに対して画像の動作を個別にカスタマイズします。
クリック時動作 ユーザーが画像をクリックしたときのアクションを決定します。メッセージを閉じる、WebのURLを開く、アプリの特定のページへのディープリンク、別のページへの遷移、プッシュ許可のリクエストなどがあります。
カスタム属性またはイベントを記録 画像のクリックによってユーザーのプロファイルをカスタムデータで更新するかどうかを決定します。レポート用の識別子を選択することもできます。

リンク

ユーザーが選択できるハイパーリンクを挿入します。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
文字間隔 各文字間の距離を調整します。
テキストカラー テキストの色を変更します。

クリック時の動作

アクション 説明
URL 移動先のハイパーリンクです。
レポート用識別子 レポート用の識別子を決定します。

スペーサー

ブロック間に垂直方向のスペースを追加します。

プロパティ 説明
バックグラウンドカラー スペーサーのバックグラウンドカラーを変更します。
高さ スペーサーの高さを変更します。スペーサーのリサイズハンドルを使用して変更することもできます。

カスタムコード

高度なレイアウトや埋め込みコンテンツ（例: 動画）用にカスタムHTMLを挿入します。カスタムHTML内のクリックは、brazeBridge.logClick()を呼び出さない限り追跡されません。詳細については、バナーのカスタムコードとJavaScriptブリッジを参照してください。

プロパティ 説明
カスタムコード バナー用のHTML（および関連アセット）を追加または編集します。

電話番号キャプチャ

電話番号を収集します。送信時、選択したSMSまたはWhatsApp購読グループにユーザーを購読します。バナーごとに1つのみです。

プロパティ 説明
サブスクリプショングループ 送信時にユーザーが購読中のSMSまたはWhatsAppサブスクリプショングループ。すべての国の電話番号を収集するオプションが含まれています。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
プレースホルダーテキスト 表示するプレースホルダーの電話番号。

メールキャプチャ

メールアドレスを収集し、送信時にユーザーのBrazeプロファイルに追加します。バナーごとに1つのみです。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
テキストの色 テキストの色を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
プレースホルダーテキスト 表示するプレースホルダーのメールアドレスです。

ロングテキスト

アンケートスタイルのフロー用の複数行テキストフィールドです。このブロックが表示されない場合は、BrazeサポートまたはBrazeのカスタマーサクセスマネージャーにお問い合わせください。

プロパティ 説明
必須入力フィールド フォームを送信する前にこのフィールドへの入力が必須かどうかを指定します。
最小文字数 ユーザーが入力する必要がある最小文字数です。
最大文字数 ユーザーが入力できる最大文字数です。
文字数カウントを非表示 テキストエリアのリアルタイム文字数カウンターの表示・非表示を切り替えます。
プレースホルダーテキスト ユーザーが入力するまで、空のテキストエリア内に表示されるテキストです。
高さ（テキストの行数） テキストエリアの高さを行数で指定します。
フォントファミリー テキストエリアのテキストに使用する書体です。
フォントウェイト テキストの太さ（ライト、ノーマル、ボールドなど）です。
フォントサイズ テキストのサイズです。
行の高さ テキスト行間の垂直方向の間隔です。
テキストの色 テキストの色です。
文字間隔 文字間の水平方向の間隔です。

知っておくべきこと

  • 動画: 標準コンポーザーには専用の動画ブロックは含まれていません。必要に応じてカスタムコードを使用してプレーヤーを埋め込んでください。詳細については、バナー: よくある質問を参照してください。
  • Liquid: ほとんどのLiquidがサポートされていますが、カタログの再レンダリングタグなどの例外があります。詳細については、バナー: よくある質問を参照してください。

ユーザー設定センターエディターブロック

ドラッグ＆ドロップユーザー設定センターエディターのビルドセクションから行にブロックをドラッグします。各ブロックには独自の設定があり、右側パネルは選択した要素のプロパティまたはスタイルに切り替わります。

ブロックを編集する前に、購読グループを追加し、購読スマートブロックを設定してください（次のセクションを参照）。完全な設定フローについては、ドラッグ＆ドロップでメールユーザー設定センターを作成するを参照してください。

タイトルと段落

リッチテキストオプション付きの見出しまたは本文コピーを追加します。

プロパティ 説明
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
行の高さ テキストの行間の距離を変更します。
文字間隔 各文字間の距離を変更します。
テキストの配置 テキストを左揃え、中央揃え、右揃え、または両端揃えに移動します。
テキストの色 テキストの色を変更します。

ボタン

クリック可能なボタン（例: 保存やナビゲーション）を追加します。

プロパティ 説明
ボタンの幅 ボタンの幅を自動または手動に変更します。
フォントファミリー テキストのフォントスタイルです。
フォントウェイト テキストの太さを決定します。
フォントサイズ テキストのサイズを決定します。
文字間隔 各文字間の距離を変更します。
ボタンの配置 ボタンを左揃え、中央揃え、または右揃えに移動します。
ボタンのテキスト色 ボタン上のテキストの色を変更します。
バックグラウンドの色 ボタンのバックグラウンドの色を変更します。
ボーダースタイル ボタンのボーダーのスタイルを決定します。
ボーダーの角丸 角の丸みを決定します。

画像

メディアライブラリまたはURLから画像を表示します。

プロパティ 説明
URL 画像のホスト先の住所です。
Alignment 画像を左揃え、中央揃え、または右揃えに移動します。
Background color 画像のバックグラウンドの色を変更します。
Border style 画像の枠線のスタイルを決定します。
Border radius 画像の角の丸みを決定します。

スペーサー

ブロック間に垂直方向のスペースを追加します。

プロパティ 説明
バックグラウンドカラー スペーサーのバックグラウンドカラーを変更します。
高さ スペーサーの高さを変更します。スペーサーのリサイズハンドルを使用して変更することもできます。

購読グループ（スマートブロック）

購読グループ、オプションのすべて購読/すべて購読解除コントロール、および説明をリストするテンプレートブロックを追加します。ユーザー設定センターのワークフローでグループを追加した後に設定します。

購読グループを追加した後、キャンバスでスマートブロックを選択して以下を行います:

  • 購読グループの並べ替え
  • グループの追加または削除
  • 説明の追加または削除
  • そのブロック内のグループに対するすべて購読とすべて購読解除の切り替え

デフォルトテンプレートの下部にあるすべて購読解除コントロールは必須であり、メールからのグローバル購読解除を実行します。

知っておくべきこと
New Stuff!