クエリー文字列を使用したフォームフィールドの自動入力
更新日時 2025年9月17日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
ページURLをコンタクトに送信する前に、ページURLにクエリー文字列を付加して、ページ上のフォームフィールドに自動入力することができます。付加されたクエリー文字列に基づいてフィールドに入力されます。これは 非表示フォームフィールドにも使用できます。例えば、カスタムUTMプロパティーを作成し、UTMパラメーターを使用して非表示フォームフィールドに自動入力できます。
制限事項と考慮事項を理解する
- クエリー文字列によって 依存フォームフィールドに自動入力 することはできません。
- 依存 フォームフィールドは、 クエリー文字列内の複数の値に基づいてトリガーすることはできません。
定義済みの値を使用して静的クエリー文字列を作成する
静的クエリー文字列を含むURLを作成するには、自動入力するフィールドの内部プロパティー名をコピーしてから、それをページURLの末尾に追加する必要があります。
プロパティーの内部名をコピーする
- HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左のサイドバーメニューで[ プロパティー]に移動します。
- 値を事前入力するには、プロパティーの名前をクリックします。
- プロパティーの内部名をコピーします。内部プロパティー名の詳細をご確認ください。
- フォームに値を自動入力するプロパティーが他にもある場合は、この操作を繰り返します。
静的クエリー文字列を使用したURLの作成
内部プロパティー名をコピーしたら、コンタクトに送信するページURLを設定できます。
- ブラウザーで、フォームがあるページに移動します。次に、URLをコピーします。
- ページURLの末尾に疑問符(?)を追加します。
- プロパティーの内部名、続いて等号とフィールドに自動入力する値を追加します。プロパティーのフィールドタイプに応じて、値を追加するルールが異なります。
- 単一チェックボックス:クエリー文字列には、yesまたはnoではなく、trueまたはfalseの値を含める必要があります。
- 日付入力:クエリー文字列には、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_parties=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_of_party=2018-10-2
パーソナライズトークンを使用した動的クエリー文字列の作成
サブスクリプションが必要 動的クエリー文字列を作成するには、「 Marketing Hub Professional」または「Enterprise 」サブスクリプションが必要です。
パーソナライズトークン を使用して、既知のコンタクトプロパティーに基づいてフォームフィールドに自動入力する動的クエリー文字列を作成できます。
注:
- パーソナライズトークンを含む動的クエリー文字列が正しく機能するのは、URLの宛先が、HubSpotでホスティングしている、HubSpotフォームを含むページである場合のみです。
- URLの宛先がHubSpotスタンドアロン フォーム ページの場合、この機能は有効になりません。
- また、動的クエリー文字列を使用するURLは、HubSpotコンテンツ内、またはHubSpot トラッキングコードが設定された外部ページ内に配置されている必要があります。
パーソナライズトークンを取得する
まず、クエリー文字列の作成に必要なパーソナライズトークンを取得します。プロパティーのパーソナライズトークンを取得するには、次の手順に従います。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- [ Eメールを作成 ]をクリックするか、下書きEメール の名前 をクリックします。
- リッチ テキスト ツールバーで、[パーソナライズ]をクリックします。
- パーソナライズトークンを設定します:
- ダイアログボックスで、フォームに自動入力するパーソナライズトークンを選択します。
- パーソナライズトークンを挿入するときは、[このプロパティーのグローバル既定値を使用]チェックボックスをオンにします。
- 必要に応じて、他のパーソナライズトークンを追加します。

![リッチ テキスト ツールバーの[パーソナライズ]オプションが強調表示されているマーケティングEメールエディター。パーソナライズトークンを編集するダイアログボックスに、トークンタイプ、トークン名、予備値が表示されます。](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/Knowledge_Base_2023-24-25/KB-Forms/Inbound%202025%20Screenshot%20Updates/Auto-populate%20form%20fields%20with%20a%20query%20string/forms-insert-personalization-token.png?width=700&height=458&name=forms-insert-personalization-token.png)
- リッチ テキスト ツールバーで[ その他 ]をクリックし、codef ソース コード アイコン を選択して、EメールのHTMLを表示します。
- ソースコードには、Eメール本文に追加したパーソナライズトークンの未加工のコードが表示されます。各トークンは二重括弧{{ }}で囲まれます。トークンを選択し(例:
{{ contact.firstname }}
)、右クリックして[コピー]を選択します。 - フォームに事前入力するパーソナライズトークンにこれを繰り返します。
- ダイアログボックスの下部にある [キャンセル ]をクリックして、ソースコードを終了します。
動的クエリー文字列を使用したURLを作成する
パーソナライズトークンを使用して、動的クエリー文字列を使用したURLを作成します。このURLは、EメールやページなどのHubSpotコンテンツ内、またはHubSpot トラッキングコードを使用する外部ページ内のリンクとして使用できます。クエリー文字列内のフィールドに既知の値がある場合、コンタクトがリンクをクリックすると、その情報が自動入力されたフォームがページに表示されます。
動的クエリー文字列を使用したURLを作成するには、次の手順に従います。
- ブラウザーで、フォームがあるページに移動します。次に、URLをコピーします。
- ページURLとパーソナライズトークンを使用して、動的クエリー文字列の形式を設定します。
- ページURLの末尾に疑問符(?)を追加します。
- プロパティーの内部名続いて等号とパーソナライズトークンを追加します。トークンからすべてのスペースを削除してください(例: {{contact.firstname}} )。
- 複数のプロパティーはアンパサンド(&)で区切ります。
- 適切な形式の動的クエリー文字列を使用したURLの例:
http://www.domain.com/marketing-offer?firstname={{contact.firstname}}&lastname={{contact.lastname}}&email={{contact.email}}