ランディングページの作成

ドラッグアンドドロップエディタを使用してランディングページを作成およびカスタマイズする方法について説明します。これにより、視聴者を拡大し、Braze で直接環境設定を収集できます。

ランディングページの作成

ステップ1:新規ドラフトの作成

メッセージング> ランディングページに進み、ランディングページを作成を選択します。既存のランディングページの名前をクリックして、複製または変更することもできます。

ステップ2:ページ詳細を入力

全般的な説明

ランディングページの名前と説明は、内部ワークスペースでページを検索するために使用されます。これらは顧客に表示されません。

サイトの詳細

メタタグを設定して、ブラウザタブに表示されるページの外観をカスタマイズし、検索エンジンの結果を最適化します。これらは顧客に表示されます。

これらのベストプラクティスに従うことをお勧めします:

詳細	説明	おすすめ
サイトのタイトル	ブラウザタブに表示されるタイトル。	最大 60 文字を使用できます。
メタディスクリプション	検索結果に表示されるテキストスニペット。	140 〜 160文字を使用できます。
ファビコン	ブラウザタブのサイトタイトルの横に表示されるアイコン。	アスペクト比を1:1にし、サポートされているファイルタイプはPNG、JPEG、またはICOにしてください。
ページ URL	これはランディングページへのURL パスです。この値は、ランディングページのリキッドタグ を使用する場合にも参照されます。このタグは、フォームを送信したときに自動的に識別するためにメッセージに埋め込むことができます。	この値は、ワークスペース全体で一意である必要があります。

ステップ 3:ページのカスタマイズ

まだ使用していない場合は、下書きとして保存を選択します。ページのカスタマイズを開始するには、ランディングページの編集を選択します。ドラッグアンドドロップエディタには、ユースケースに合わせてカスタマイズできるデフォルトテンプレートがプリロードされます。＾ー＠＾￥「＾ー＠＾￥「

エディタでは、ランディングページ構成にベーシックブロック とフォームブロック の2 種類のコンポーネントを使用します。すべてのブロックは行に配置する必要があります。

基本ブロック

これらのブロックを使用して、コンテンツを追加したり、ランディングページのレイアウトをカスタマイズしたりできます。

ブロックタイプ	説明
タイトル	見出しまたはタイトルをコンテンツに追加するためのテキストブロック。セクションの構造化や読みやすさの向上に役立ちます。
パラグラフ	長い説明や追加のコンテキストのテキストブロック。リッチテキストフォーマットをサポートします。
ボタン	リンクを開く、フォームを送信するなど、指定したアクションにユーザを誘導するクリック可能な要素。
画像	画像を表示するためのブロックです。イメージをアップロードするか、外部ソースを参照するためのURL を指定できます。
リンク	ユーザーがクリックして指定したURL に移動できるハイパーリンク。テキスト内またはスタンドアロンで埋め込むことができます。
スペーサー	レイアウトと読みやすさを向上させるために、エレメント間に垂直方向の間隔を追加する見えないブロックです。
カスタムコード	高度なカスタマイズのために、カスタムHTML、CSS、またはJavaScript を挿入して実行できるブロック。

フォームブロック

これらのブロックを使用して、ユーザーが送信したデータを Braze のプロファイルにリンクするフォームを作成できます。フォームブロックを使用する場合は、確認状態の追加のランディングページも作成する必要があります。

ブロックタイプ	説明
メールキャプチャ	電子メールアドレスのフォームフィールド。送信されると、メールアドレスがブレーズでそのユーザのプロファイルに追加されます。
電話キャプチャ	電話番号のフォームフィールド。送信されると、ユーザはSMS またはWhatsapp サブスクリプショングループにサブスクライブされます。
入力フィールド	標準属性(姓、名など)または任意のカスタム属性文字列をサポートするフォームフィールド。
ドロップダウン	ユーザーは事前定義されたリストから項目を選択できます。任意のカスタム属性文字列をリストに追加できます。
チェックボックス	ユーザがボックスをチェックすると、ブロックの属性はtrue に設定されます。チェックを外すと、属性はfalse に設定されます。

ページコンテナのスタイル

ランディングページのすべての関連コンポーネントブロックに適用されるスタイルは、ページコンテナタブから設定できます。これらのスタイルは、特定のブロックで上書きする場合を除き、ページのどこにでも使用されます。

ブロックレベルでスタイルをカスタマイズする前に、ページコンテナレベルのスタイルを設定することをお勧めします。ページ全体にバックグラウンド画像を追加することもできます。

ステップ 4:確認ページの作成

前のステップでランディングページにフォーム を追加した場合は、確認状態のランディングページを追加し、Open web URL リンクをフォームを送信するボタンに追加します。それ以外の場合は、次の手順に進みます。

ステップ 5: ページをプレビューする

エディターのプレビュータブでランディングページをプレビューできる。ランディングページを下書きとして保存した後、ランディングページにアクセスして、ランディングページの横にあるURLをコピーを選択することで、URLにアクセスできます。共同作業者とURLを共有することもできます。

を表示するランディングページ

準備ができたら、[ランディングページを公開] を選択します。

フォーム送信エラーの処理

ユーザーが無効なフォーム値（受け入れられない特殊文字など）を入力すると、カスタマイズできない一般的なエラーインジケーターが表示され、フォームを送信できません。ランディングページプレビューでエラー動作を表示できます。

分析を表示する

ランディングページの有効性を分析するには、Messaging> Landing Pagesに移動し、公開したランディングページを選択します。ここでは、ページビュー数、ページクリック数、ページ送信数、ランディングページの送信率を追跡できます。