ページ URL にクエリ文字列を追加して、ページ上のフォームに次のフィールドタイプのフィールド値を自動入力できます。 単行テキスト、複数行テキスト、ドロップダウン選択、複数チェックボックス、数値、ラジオ選択、単一チェックボックス、日付選択カレンダー。また、非表示フォームフィールドにも使用できます。
注: クエリ文字列を使用して依存フォームフィールドに自動入力することはできません。また、HubSpot はクエリ文字列内の複数の値に基づいて依存フィールドをトリガーできません。
プロパティの内部名をコピーする
- HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン ］をクリックします。
- 左のサイドバーメニューで [プロパティー] に移動します。
- フォームに値を事前入力するプロパティの名前をクリックします。
- プロパティの内部名をコピーします。
- フォームに値を事前入力する他のプロパティにこれを繰り返します。
定義済みの値を使用して静的クエリ文字列を作成する
静的クエリ文字列を作成して、定義済みの値をフォームフィールドに自動入力することができます。ブラウザーで、フォームがあるページに移動し、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 および Enterprise、Legacy Marketing Hub Basic のみ)
パーソナライズトークンを使用して、既知のコンタクトプロパティに基づいてフォームフィールドに自動入力する動的クエリ文字列を作成できます。
- HubSpotアカウントにて、［マーケティング］ > ［Eメール］の順に進みます。
- [E メールを作成]をクリックするか、下書き E メールの名前をクリックします。
- リッチテキストツールバーで、パーソナライズトークンアイコンをクリックします。
- ダイアログボックスで、フォームに自動入力するパーソナライズトークンを選択します。必要に応じて、他のパーソナライズトークンを追加します。
- パーソナライズトークンが E メール本文に表示されるようになります。リッチテキストツールバーで、ソースコードアイコンをクリックして、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 トラッキングコードを使用する外部ページで、リンクとして使用できます。クエリ文字列内のフィールドに既知の値がある場合、コンタクトがリンクをクリックすると、その情報が自動入力されたフォームがページに表示されます。