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

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

更新日時 12月 19, 2018

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

  1. プロパティの内部名をコピーする
  2. クエリ文字列を作成する

注: クエリ文字列を使用して依存フォームフィールドに自動入力することはできません。

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

  • 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_natural_disasters=Blizzard;Hurricane&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_natural_disasters=Blizzard;Hurricane
  • 数値フィールド: &favorite_number=7
  • ラジオ選択フィールド: &will_you_come_to_the_party=Maybe
  • 単一チェックボックスフィールド: &do_you_like_parties=true
  • 日付選択カレンダーフィールド: &date_of_party=2018-10-24

 

パーソナライズトークンの動的なクエリ文字列を作成する (Marketing Hub StarterBasicProfessionalEnterprise のみ)

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

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

  • ダイアログボックスで、フォームに自動入力するパーソナライズトークンを選択します。必要に応じて、他のパーソナライズトークンを追加します。
  • パーソナライズトークンが 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