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

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

更新日時 2022年 9月 30日

対象製品

すべての製品とプラン

ページURLをコンタクトに送信する前に、ページURLにクエリー文字列を付加してページ上のフォームフィールドに自動入力することができます。付加されたクエリー文字列に基づいてフィールドに入力されます。これは非表示フォームフィールドにも使用できます。

クエリ文字列を含むURLを作成するには、事前に入力したいフィールドの内部プロパティ名をコピーし、ページURLの末尾に追加する必要があります。

注:

  • クエリ文字列を使用して依存するフォームフィールドに自動入力することはできません 。.HubSpotでは、クエリ文字列内の複数の値に基づいて従属フィールドをトリガすることもできません
  • クエリ文字列でフォームフィールドに自動入力する場合、トラッキングURLのような追加のパラメータは使用できません。そうすると、クエリー文字列がフォームのフィールドに正しく入力されなくなることがあります。

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

プロパティーの内部名を検索するには、次のようにします。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[プロパティー]に進みます。
  • プロパティの名前をクリックすると、値があらかじめ入力されます。
  • プロパティーの内部名をコピーします。
  • フォームに値を事前入力したい他のプロパティについても、この操作を繰り返します。


値を事前定義した静的クエリー文字列を作成する

内部プロパティ名をコピーしたら、連絡先に送信するページURLを設定します。

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

クエリ文字列を含むURLの例

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

http://www.domain.com/marketing-offer?firstname=John &lastname=Smith&email=jsmith@email.com
&favorite_season=Winter%20Season&favorite_fast_food=Burger; Taco&number_property=7

&will_you_come_to_the_party=Maybe&do_you_like_party=true&date_of_party=2018-10-24

  • クエリー文字列の開始と単行テキストフィールド:?firstname=John
  • 単行テキストフィールド:&lastname=Smith
  • 単行テキストフィールド:&email=jsmith@email.com
  • ドロップダウン選択フィールド:&favorite_season=Winter%20Season
  • 複数チェックボックスフィールド: &favorite_fast_food=Burger;Tacos
  • 数値フィールド:&favorite_number=7
  • ラジオ選択フィールド:&will_you_come_to_the_party=Maybe
  • 単一チェックボックスフィールド:&do_you_like_parties=true
  • Date picker field: &date_of_party=2018-10-2

パーソナライゼーショントークンによる動的なクエリ文字列の作成 ( マーケティングハブプロフェッショナルまたはエンタープライズのみ )

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

注:これは、HubSpotフォームを使用したHubSpotページでのみ正常に機能します。これはHubSpotのフォーム共有ページでは機能しません。また、リンクURLを、HubSpotコンテンツ内、またはHubSpotトラッキングコードが埋め込まれている外部ページ内に配置する必要があります。

 

パーソナライゼーショントークンを取得する

まず、クエリ文字列を作成するために必要なパーソナライゼーショントークンを取得します。プロパティのパーソナライゼーショントークンを取得する。 

  • HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
  • [Eメールを作成]をクリックするか、下書きEメールの名前をクリックします。
  • リッチテキストツールバーで、「パーソナライズ」をクリックします。
  • パーソナライゼーショントークンを設定する。
    • ダイアログボックスで、フォームに自動入力されるパーソナライゼーショントークンを選択します。 
    • パーソナライゼーショントークンを挿入する際に、「このプロパティのグローバルなデフォルト値を使用する」チェックボックスを選択します。
    • 必要に応じてパーソナライゼーショントークンを追加してください。



  • リッチテキストツールバーで、「その他 > codefソースコード」アイコンをクリックすると、メールのHTMLが表示されます。
  • ソースコードには、Eメール本文に追加したパーソナライズトークンの未加工のコードが表示されます。各トークンは二重括弧{{ }}で囲まれます。トークンを選択し(例:{{ contact.firstname }})、右クリックして[コピー]を選択します。
  • フォームに事前入力するパーソナライズトークンが他にもある場合は、この操作を繰り返します。
  • ダイアログボックスの下部で、「キャンセルして閉じる」をクリックして、ソースコードを終了します。

 

動的なクエリ文字列を使用したURLの作成

パーソナライゼーショントークンを使用して、動的なクエリ文字列を含むURLを作成します。このURLは、メールやページなどのHubSpotコンテンツ内のリンクとして、またはHubSpotのトラッキングコードを記載した外部ページとして使用することができます。コンタクトがリンクをクリックすると、クエリー文字列内のフィールドに明示されている値がフォームに自動入力された状態で、ページに表示されます。

動的なクエリ文字列を含むURLを作成する。

  • ブラウザで、フォームのあるページに移動します。次に、の URL をコピーします
  • ページURLとパーソナライゼーショントークンを使用して、動的クエリ文字列をフォーマットします。
    • ページURLの末尾に疑問符(?)を追加します。
    • プロパティーの内部名、続いて等号とパーソナライズトークンを追加します。トークンからすべてのスペースを削除してください(例:{{contact.firstname}})。
    • 複数のプロパティーはアンパサンド(&)で区切ります
  • 適切な形式の動的クエリー文字列を使用したURLの例:

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

 

New Call-to-action
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.