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

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

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

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

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

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

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

内部プロパティー名をコピーしたら、コンタクトに送信するページURLを設定できます。

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

クエリー文字列を使用した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」のみ）。

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

パーソナライズトークンを取得する

最初に、クエリー文字列を作成するため必要なパーソナライズトークンを取得します。プロパティーのパーソナライズトークンを取得するには、次の手順に従います。 

• HubSpotアカウントにて、［マーケティング］ > ［Eメール］の順に進みます。
• ［Eメールを作成］をクリックするか、下書きEメールの名前をクリックします。
• リッチ テキスト ツールバーで、［パーソナライズ］をクリックします。
• パーソナライズトークンを設定します。
  
  • ダイアログボックスで、フォームに自動入力するパーソナライズトークンを選択します。 
  • パーソナライズトークンを挿入するときに、［このプロパティーのグローバル既定値を使用］チェックボックスをオンにします。
  • 必要に応じて、他のパーソナライズトークンをします。
    
    

• リッチ テキスト ツールバーで［その他］>ソース コード アイコン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}}