メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Forms

フォームでプログレッシブフィールドを使用する

更新日時 2021年 8月 30日

対象製品

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise

プログレッシブフィールドを使用すれば、フォームをスマート化して効率化することができます。標準のフォームフィールドでは、フォームが読み込まれるたびに同じフィールドが表示されます。しかし、フォームに入力しているコンタクトが特定のフィールドにすでに値を持っている場合、プログレッシブフィールドを使用すると、その場所に別のフィールドが表示されるように設定できます。 

ゆっくり時間をかけて、リードとの信頼を築く前に、同じ質問を繰り返したり、質問をしすぎたりすることなく、リードについてより詳しい情報を引き出せます。

次の状況の場合:

  • [新しいEメールアドレスで常にコンタクトを作成]オプションを有効にしている場合は、既定のEメールフィールドをプログレッシブに設定することはできません。
  • [フィールドに既知の値を事前入力する]オプションが有効化されており、プロパティー値が既知である場合、キューに追加済みのプログレッシブフィールドがプログレッシブ フォーム フィールドに表示されます。事前入力されたフィールドは、非プログレッシブ フォーム フィールドにのみ表示されます。

フォームオプションの詳細をご確認ください。

プログレッシブフィールドを追加する

フォームにプログレッシブフィールドを追加するには、まずキューに追加するフィールドを選択してから、プログレッシブとして設定する既存のフィールドを選択します。

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • フォームの名前をクリックするか、新しいフォームを作成します。
  • フォームエディターで[キューに追加されたプログレッシブフィールド]セクションまで下にスクロールして、コンタクトについて以前に取得されたフィールドの代わりに表示するフィールドをドラッグします。プログレッシブ フォーム フィールドのいずれかでコンタクトに既知の値がある場合、キューに追加されたフィールドがこの順序で表示されます。
  • フィールドをプログレッシブにするには、フィールドにカーソルを合わせ、鉛筆アイコンをクリックします。

注:[Eメール]フィールドはプログレッシブにしないことをお勧めします。すべてのフォームにEメールフィールドを含めることにより、コンタクトが優先アドレスを使用してEメールを更新したり、より一貫性のあるユーザーエクスペリエンスを実現したりでき、またコンタクトの重複削除を回避することもできます。

  • 左側のパネルで[ロジック]タブをクリックします。 
  • [依存フィールド]セクションで、ドロップダウンメニューをクリックし、プログレッシブフィールドで使用する条件を選択してから、その条件が満たされているかどうかを表示するフォームフィールドを選択します。
  • 条件を追加したら、[追加]をクリックします。
add-progressive-field-logic

注:フォームの行に複数のフィールドがある場合、プログレッシブフィールドのオプションはその行のすべてのフィールドに適用されます。

プログレッシブフィールドをテストする

  • プログレッシブフィールドをテストするには、[スタイルとプレビュー]タブをクリックします。
  • 左側のペインで、[テスト]セクションをクリックして展開します。
  • [キューに追加されたプログレッシブフィールド]チェックボックスをオンにして、訪問者がすでにフィールドに入力している場合、またはすでにフィールドの値が設定されていた場合にフォームがどのように変化するかを確認します。

  • 右上で変更を[保存]または[公開]します。