Skip to content

ランディングページについて

Brazeランディングページは、ユーザー獲得とエンゲージメント戦略を推進できるスタンドアロンのWebページです。

ランディングページを使用して、オーディエンスの拡大、ユーザーデータの取得、特別オファーの宣伝、マルチチャネルキャンペーンのサポートを行いましょう。ランディングページのドラッグ＆ドロップブロックのリファレンスについては、エディターブロック（ランディングページ）を参照してください。

前提条件

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

  • View Landing Pages
  • Edit Landing Page Drafts
  • Publish Landing Pages

プランティア

公開できるランディングページの数、カスタムドメインの数、および使用できる機能は、プランタイプ（無料またはPro（増分））によって異なります。

機能 無料ティア Proティア（増分）
公開済みランディングページ 1社あたり5ページ 追加20ページ
カスタムドメイン 1社あたり1ドメイン 追加5ドメイン
Liquidパーソナライゼーション 利用不可 利用可能
事前入力フォームフィールド 利用不可 利用可能

ランディングページへのGoogle Tag Managerの追加

ランディングページにGoogle Tag Managerを追加するには、ドラッグ＆ドロップエディターでランディングページにカスタムコードブロックを追加し、そのブロックにTag Managerのコードを挿入します。以下の例のように、Tag Managerのコードの前にデータレイヤーを追加してください。

1
2
3
4
5
6
7
8
9
10

<script>
window.dataLayer = window.dataLayer || [];
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Google Tag Managerの実装の詳細については、Googleのドキュメントを参照してください。

よくある質問

ランディングページの最大サイズはどのくらいですか？

ランディングページのボディサイズは最大500 KBです。

ランディングページは高トラフィックのシナリオに対応できますか？

はい、パーソナライズされていないランディングページは高トラフィックのシナリオに効果的に対応できます。パーソナライズされていないランディングページが最初にリクエストされると、BrazeはCloudflareを通じてキャッシュします。つまり、同じリンクへの後続のリクエストはすべてキャッシュから提供されるため、大量のリクエストでもパフォーマンスが低下しません。このキャッシュは24時間持続し、キャッシュされたページビューはレート制限にカウントされません。

パーソナライズされたランディングページ（Liquidパーソナライゼーションを使用）の場合、キャッシュされていないリクエストにレート制限が適用されます。最適なパフォーマンスを維持するには、パーソナライゼーションに関する考慮事項を参照してください。

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

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

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

はい。ドラッグ＆ドロップエディターのカスタムコードブロックを使用して、HTMLを追加または編集できます。カスタムコードからBraze SDKとインターフェイスするには、ランディングページ用JavaScriptブリッジを参照してください。完全にカスタムのUIをランディングページフォームに接続するには、カスタムフォームブロックの作成を参照してください。

ランディングページでiframeを使用できますか？

はい。ドラッグ＆ドロップエディターでカスタムコードブロックを追加し、埋め込みたいコンテンツのURLを含むiframe要素を追加してください。

埋め込み先のWebサイトがContent Security Policy（CSP）のframe-ancestorsやX-Frame-Optionsによってフレーミングを制限している場合、iframe内でページが読み込まれないことがあります。Brazeはこれらの設定を上書きできません。埋め込み先のサイトがランディングページのドメインを許可するように設定されている必要があります。

ランディングページ内にWebhookを作成できますか？

いいえ。ただし、Submitted a Landing Page formイベントは、キャンバスやWebhookキャンペーンのトリガーとして機能できます。

  • キャンバス： Submitted a Landing Page formイベントをキャンバスのエントリトリガーとして使用し、Webhookステップを追加します。
  • キャンペーン： Submitted a Landing Page formイベントを使用して、フォーム送信に基づいてトリガーします。

ページがBrazeチャネルを通じて送信されていない場合（Webサイトや広告経由など）、送信時に新しいユーザープロファイルが作成される可能性があります。そのユーザーがすでにBrazeに存在している場合でも同様です。これに対処するには、Submitted a Landing Page formでトリガーされるキャンバスを設定し、/users/mergeエンドポイントを呼び出すBraze-to-Braze Webhookステップを追加して、新しいプロファイルを既存のプロファイルに統合します。

landing_page_url Liquidタグを使用してページを共有する場合、フォーム送信は自動的に既存のユーザープロファイルに紐づけられます。その後、ランディングページで送信されたユーザー属性をLiquidを通じて参照し、後続のテンプレーティングに使用できます。
New Stuff!