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

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

更新日時 2023年 1月 18日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise

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

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

次の状況の場合:

  • 新しい電子メールアドレスに対して常に連絡先を作成する]オプションがオンになっている場合、プログレッシブフィールドは使用できません。
  • [フィールドに既知の値を事前入力する]オプションが有効化されており、プロパティー値が既知である場合、キューに追加済みのプログレッシブフィールドがプログレッシブ フォーム フィールドに表示されます。事前入力されたフィールドは、非プログレッシブ フォーム フィールドにのみ表示されます。

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

注意:ポップアップフォームでプログレッシブフィールドは使用できません。

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

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

注意プログレッシブフィールドを表示するには、コンタクトが現在そのフィールドの値を持っておらず、過去にそのフィールドの値を持っていない必要があります。 

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

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

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

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

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

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

  • 右上で変更を[保存]または[公開]します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。