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

フォームが外部ページで間違った場所に表示される

更新日時 2019年 10月 31日

HubSpot フォームを外部ページに埋め込むと、異なる場所に表示される場合があります。その原因として、フォームがページで動的に表示されることや、複数のフォーム埋め込みコードをページ HTML の同じ

タグに追加したことによる問題が考えられます。

 

フォームがページで動的に表示される

フォームがページで動的に表示され、異なる場所に読み込まれる場合があります。フォームがページの特定の場所に読み込まれるようにするには、フォーム埋め込みコードtarget 属性を追加して、フォームを表示するコンテナを指定します。

フォーム埋め込みコードで、formId 属性値の後にコンマ (,) を追加し、新しい行を入力して「target: '[コンテナ名]'」と入力します。たとえば、sidebar の CSS クラスを使用してページのコンテナにフォームを表示するように強制することができます。

ユーザー追加画像

HubSpot の開発者ドキュメントでフォーム埋め込みコードのカスタマイズについて詳細を確認してください。

 

複数のフォーム埋め込みコードを同じタグに追加した

同じ HubSpot フォームを同じページで複数回埋め込むと、フォーム埋め込みコードがページ HTML の同じ

タグに追加されている場合、フォームが横並びで表示されたり間違った場所に表示されたりする場合があります。

 

フォームが正しく読み込まれて表示されるようにするには、formInstanceId 属性を追加して各フォーム埋め込みコードに一意の値を指定します。フォーム埋め込みコードで、formId 属性値の後にコンマ (,) を追加し、新しい行を入力して「formInstanceId: '[番号]'」と入力します。ページに表示される順番に各フォームに番号を付けることをお勧めします (例: 最初のフォームには「1」、2 番目のフォームには「2」など)。

ユーザー追加画像
ユーザー追加画像

各フォームを一意に識別できるだけでなく、target 属性を各フォーム埋め込みコードに追加して、フォームを表示するコンテナを指定することもできます。

HubSpot の開発者ドキュメントでフォーム埋め込みコードのカスタマイズについて詳細を確認してください。

/jp/forms/form-in-the-wrong-place-on-external-page