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

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

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

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

タイトルと段落

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

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

ボタン

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

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

クリック時の動作

アクション	説明
ボタンクリック時にフォームを送信	フォームを送信し、選択済みのクリック時動作を実行します。これをオフにすると、クリック時動作のみが実行されます。
プラットフォームごとに個別の動作を設定	ボタンの動作をプラットフォームごとに個別にカスタマイズします。
クリック時動作	ユーザーがボタンをクリックしたときのアクションを決定します。メッセージを閉じる、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カスタマーサクセスマネージャーにお問い合わせください。

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

注意事項

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