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

外部に埋め込んだ HubSpot フォームが機能しない

更新日時 1月 22, 2019

外部ページに埋め込んだ HubSpot フォームが機能しない場合、切り捨てられる場合、または正しく表示されない場合は、外部ページのエンベッドコードが正しいことを確認します。

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [ファイル]の順に進みます。
  • フォームの名前をクリックします。
  • フォームエディターの右上にある [共有] をクリックします。
  • ダイアログボックスで [コピー] をクリックします。

  • ブラウザーで、テキスト比較ツールである Diff Checker にアクセスします。[Original Text (元のテキスト)] セクションにフォーム埋め込みコードを貼り付けます。
  • 外部ページの任意の箇所を右クリックし、[View page source (ページのソースを表示)] を選択します。ページのフォーム埋め込みコードを見つけ、コピーします。
  • Diff Checker に戻ります。[Changed Text (変更テキスト)] セクションに外部エンベッドコードを貼り付けます。
  • [Find Difference (差分を検索)] をクリックして、不足しているコードや破損したコードを探します。

外部エンベッドコードが正しくなかった場合、外部ページに正しいコードをもう一度埋め込みます。

外部エンベッドコードが正しかった場合、外部ページの HTML または JavaScript に問題があり、フォームのエンベッドコードと干渉している可能性があります。その場合は、デザイナーと協力して干渉していると思われる要素に対処してください。

WordPress の場合

フォームを WordPress ページに埋め込んでいる場合、さらに 2 つの点に注意する必要があります。

  • WordPress は埋め込まれたフォームコードの「&」を「&」に変換する場合があり、コードの誤作動の原因となります。
  • XHTML WordPress テーマでは、JavaScript の前後に タグが追加されますが、これはフォームの表示には影響はありません。
WordPress でエンベッドコードが変更される場合は、サードパーティーのプラグイン (例: Insert HTML Snippet) を使用してフォームをページに追加するか、スクリプトタグを残すためにショートコードのフォームで投稿してください。