Skip to content

ドラッグアンドドロップのランディングページ

ドラッグアンドドロップエディタを使用すると、オーディエンスを増やし、Brazeで直接好みを収集するためのランディングページを作成およびカスタマイズできます。

ランディングページの作成(ドラッグアンドドロップ)

ステップ 1:ランディングページを作成する

メッセージング > ランディングページ に移動し、ランディングページを作成 を選択するか、既存のランディングページの名前を選択して複製または変更します。

「ランディングページ」のホームページ。

ステップ2:ランディングページの詳細を設定する

全般的な説明

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

サイトの詳細

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

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

ステップ 3:ランディングページをカスタマイズする

エディターを起動を選択して、ドラッグアンドドロップエディターでランディングページのデザインを開始します。エディタは、カスタマイズしてユースケースに合わせることができるデフォルトのテンプレートでプリロードされます。

顧客サインアップ用フォーム付きランディングページテンプレート。

ドラッグアンドドロップブロック

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

「行」と「フォームブロック」を含む「ビルド」エディターセクション。

フォームブロック

様々なフォームブロックコンポーネントを使用して、カスタムおよび標準プロファイル属性やカスタムイベントを記録する。入力フィールドフォームブロックは、ユーザーの標準属性とカスタム属性の両方を記録することができ、電話キャプチャとメールキャプチャフォームブロックは、ユーザーのフォーム送信の電話フィールドとメールフィールドをキャプチャすることができる。ボタンのアクションは、カスタム属性、カスタムイベント、またはその両方として、フォーム送信時に記録することができる。

フォームブロックを含める場合は、ボタンがクリックされたときにフォームを送信するために、トグルがオンになっているボタンを少なくとも1つ含める必要があります。また、確認状態のための別のランディングページも作成する必要があります。

新しい顧客を登録し、メールに割引コードを送信するフォームブロックです。

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

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

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

背景画像、色、境界線の詳細、コンテンツのスタイリングをカスタマイズするためのオプションを備えたページコンテナ。

ステップ 4:ランディングページのプレビュー

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

メニューが開封されて「URLをコピー」オプションを表示するランディングページ。

ランディングページに満足したら、ランディングページを公開を選択します。

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

ランディングページにフォームを含める場合は、確認用のランディングページを作成することを忘れないでください。確認状態のための別のランディングページを作成し、フォームを送信するボタンの開封Web URLフィールドにリンクを追加します。

ランディングページへのリンク

リンクをBrazeメッセージやソーシャルメディアキャンペーンにコピー&ペーストすることで、どのチャネルにもランディングページへのリンクを含めることができる。

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

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

ランディングページから作成されたユーザーの統合

ランディングページでフォームを送信するたびに、Brazeに新しい匿名ユーザープロファイルが作成される。同じメールアドレスを持つユーザーが既に存在する場合、新しいユーザープロファイルを既存のプロファイルに/users/mergeエンドポイントを使用してマージできます。Braze でユーザーを重複排除するさまざまな方法について学ぶには、重複ユーザーを参照してください。

ユーザーの統合は、将来的にLiquidタグによって自動的に処理されるようになるだろう。

考慮事項

ランディングページの本文サイズは最大1MBです。

権限

ランディングページへのアクセス、作成、公開には、管理者権限か、以下のすべての権限が必要である:

  • ランディングページにアクセス
  • ランディングページの下書きを作成
  • ランディングページを公開

よくある質問

ランディングページでユーザーが情報を送信するとどうなりますか?

ユーザーがフォームを送信すると、送信されたユーザーデータで新しいBrazeユーザープロファイルが作成されます。

ランディングページを公開するための技術的な要件はありますか?

いいえ、技術的な要件はありません。

ランディングページ用のHTMLエディターはありますか?

カスタムコードブロックを使ってランディングページのHTMLを編集できる。

ランディングページのレポートは利用できますか?

いいえ、これは現在利用できません。

ランディングページ用のHTMLエディターはありますか?

いいえ、これは現在利用できません。エディターでカスタムコードブロックを使用できます。

ランディングページ内にWebhookを作成できるか?

いや、これは現在サポートされていない。

ランディングページのロードマップにはどのような機能があるのか?

追加機能は開発中である。これらには以下が含まれる:

  • Brazeメッセージングチャネルでランディングページをリンクするための新しいLiquidタグ
  • ランディングページがBrazeチャネルを通じて送信された場合、ユーザーは自動的にマージされる。
  • 基本レポートページ
  • チェックボックス&ドロップダウン用のフォームブロックをドラッグ&ドロップできる
  • フォーム送信に基づくトラッキング、リターゲティングするための標準イベント
「このページはどの程度役に立ちましたか?」
New Stuff!