Easily build and embed forms on your site. Try HubSpot Forms for free.

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

クエリ文字列を使用したフォームフィールドの自動入力

更新日時 2020年 8月 19日

対象製品

すべての製品とプラン

ページURLにクエリ文字列を追加して、ページ上のフォームに、フィールドタイプが単行テキスト、複数行テキスト、ドロップダウン選択、複数チェックボックス、数値、ラジオ選択、単一チェックボックス、日付選択カレンダーのフィールド値を自動入力できます。また、非表示フォームフィールドにも使用できます。

注:クエリ文字列を使用して依存フォームフィールドに自動入力することはできません。また、HubSpotはクエリ文字列内の複数の値に基づいて依存フィールドをトリガーできません。

プロパティの内部名をコピーする

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左側のサイドバーメニューで、[プロパティー]に進みます。
  • フォームに値を事前入力するプロパティの名前をクリックします。
  • プロパティの内部名をコピーします。

refresh-property-internal-name

  • フォームに値を事前入力する他のプロパティにこれを繰り返します。

定義済みの値を使用して静的クエリ文字列を作成する

静的クエリ文字列を作成して、定義済みの値をフォームフィールドに自動入力することができます。ブラウザーで、フォームがあるページに移動し、URLをコピーします。

  • ページURLの末尾に疑問符(?)を追加します。
  • プロパティの内部名、続いて等号記号とフィールドに自動入力する値を追加します。プロパティのフィールドタイプに応じて、値を追加するルールが異なります。
    • 単一チェックボックス:クエリ文字列には、yesまたはnoではなく、trueまたはfalseの値を含める必要があります。
    • 日付選択カレンダー:クエリ文字列には、YYYY-MM-DD形式で日付値を含める必要があります。
    • 複数チェックボックス:クエリ文字列の値は、そのプロパティの値オプションと完全に一致し、値はセミコロンで区切る必要があります。
    • ラジオ選択/ドロップダウン選択:クエリ文字列の値は、そのプロパティの値オプションと完全に一致する必要があります。
  • プロパティーはアンパサンド(&)で区切ります

静的クエリ文字列を使用してURLを作成したら、Eメールやページなどのコンテンツ内でリンクとして使用できます。コンタクトがリンクをクリックすると、クエリ文字列内の事前定義された値が自動入力されたフォームがページに表示されます。

適切な形式の静的クエリ文字列を使用したURLの例と内訳:

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com
&favorite_season=Winter&favorite_fast_food=Burger;Taco&number_property=7&will_you_come_to_the_party=Maybe&do_you_like_parties=true&date_of_party=2018-10-24
  • クエリ文字列の開始と単行テキストフィールド:?firstname=John
  • 単行テキストフィールド:&lastname=Smith
  • 単行テキストフィールド:&email=jsmith@email.com
  • ドロップダウン選択フィールド:&favorite_season=Winter
  • 複数チェックボックスフィールド:&favorite_fast_food=Burger;Tacos
  • 数値フィールド:&favorite_number=7
  • ラジオ選択フィールド:&will_you_come_to_the_party=Maybe
  • 単一チェックボックスフィールド:&do_you_like_parties=true
  • 日付選択カレンダーフィールド:&date_of_party=2018-10-24

パーソナライズトークンを使用して動的なクエリ文字列を作成する(Marketing Hub ProfessionalおよびEnterpriseLegacy Marketing Hub Basicのみ)

パーソナライズトークンを使用して、既知のコンタクトプロパティに基づいてフォームフィールドに自動入力する動的クエリ文字列を作成できます。

注:これは、HubSpotフォームを使用するHubSpotページでのみ正しく機能します。またリンクURLは、HubSpotコンテンツ内、またはHubSpotトラッキングコードを使用する外部ページ内に配置する必要があります。
  • HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
  • [Eメールを作成]をクリックするか、下書きEメールの名前をクリックします。
  • リッチ テキスト ツールバーで、パーソナライズ トークン アイコンcontactsをクリックします。

  • ダイアログボックスで、フォームに自動入力するパーソナライズトークンを選択します。必要に応じて、他のパーソナライズトークンを追加します。
注:パーソナライズトークンを挿入する際には、[このプロパティーのグローバル既定値を使用]チェックボックスがオンになっていることを確認してください。 
  • パーソナライズトークンがEメール本文に表示されるようになります。リッチ テキスト ツールバーで、ソース コード アイコンcodefをクリックして、EメールのHTMLを表示します。

  • ソースコードには、Eメール本文に追加された各パーソナライズトークンの生コードが表示されます。各トークンは二重括弧{{ }}で囲まれます。トークンを強調表示し(例:{{ contact.firstname }})、右クリックして[コピー]を選択します。
  • フォームに事前入力するパーソナライズトークンにこれを繰り返します。
  • ダイアログボックスの下部にある[キャンセル]をクリックして、ソースコードを終了します。

  • ブラウザーで、フォームがあるページに移動し、URLをコピーします。

    • ページURLの末尾に疑問符(?)を追加します。
    • プロパティの内部名、続いて等号記号とパーソナライズトークンを追加します。トークンからすべてのスペースが削除されていることを確認します(例:{{contact.firstname}})。
    • プロパティーはアンパサンド(&)で区切ります

適切な形式の動的クエリ文字列を使用したURLの例:

http://www.domain.com/marketing-offer?firstname={{contact.firstname}}&lastname={{contact.lastname}}&email={{contact.email}}

動的クエリ文字列を使用してURLを作成したら、EメールやページなどのHubSpotコンテンツ内、またはHubSpotトラッキングコードを使用する外部ページで、リンクとして使用できます。クエリ文字列内のフィールドに既知の値がある場合、コンタクトがリンクをクリックすると、その情報が自動入力されたフォームがページに表示されます。

New Call-to-action
/jp/forms/can-i-auto-populate-form-fields-through-a-query-string