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

外部で埋め込まれたHubSpotフォームのトラブルシュート

更新日時 2025年 2月 19日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

外部ページに埋め込んだ HubSpot フォーム が機能しない、または正しく表示されない場合は、フォーム埋め込みの最も一般的な問題とそのトラブルシューティング方法をご確認ください。

フォームの埋め込みコードを確認する

外部ページの埋め込みコードが正しいことを確認するには、HubSpotが提供するフォームの埋め込みコードと、サイトにあるコードを比較します。
  • HubSpotアカウントにて、[マーケティング]>[フォーム]の順に進みます。
  • フォームの上にマウスポインターを置き、[ 編集]をクリックします。
  • 更新されたフォームエディターを使用している場合:
    • フォームエディターの右上にある[ 共有]をクリックします。
    • ポップアップウィンドウで、[ 埋め込みコードを取得]を選択します。 
    • [コピー]をクリックします。 

  • 従来のフォームエディターを使用している場合:
    • フォームエディターの右上にある、「埋め込み」をクリックします。 
    • ダイアログボックスで[コピー]をクリックします

  • ブラウザーで、テキスト比較ツールである差分チェッカーに移動します。 
  • [元のテキスト]セクションに、フォームの埋め込みコードを貼り付けます。
  • フォームが埋め込まれているウェブサイトのページに移動します。次に、ページ上の任意の場所で右クリックし、「ページソースを表示」を選択します。 
  • ページソースからフォームの埋め込みコードを探し出し、コピーします。
  • Diff checkerに戻る。
  • [変更テキスト]セクションに外部エンベッドコードを貼り付けます。
  • [差分を検索]をクリックして、不足しているコードや破損したコードを探します。埋め込みコードが同じ場合は、「The two files are identical」というメッセージが表示されます。それ以外の場合は、違いがあれば赤と緑で強調表示されます。

外部で埋め込まれたコードがHubSpotのコードと一致しない場合は、 正しいコードを外部ページに再度埋め込みてください。

外部で埋め込まれたコードがHubSpotのコードと一致する場合、外部ページのHTMLまたはJavaScriptの何かが、フォームの埋め込みコードと干渉している可能性があります。開発者と協力して、さらにトラブルシューティングを行う必要があります。

サイトドメインを追加する 

フォームが埋め込まれている外部ページのドメインを追加の サイトドメイン として HubSpot に追加します。追加されていないページからのフォーム送信は スパムとマークされます。 

ホスティングする側の課題

WordPress、Squarespace、Wixを使用している場合、以下の各ウェブサイトホストで、以下の問題のトラブルシューティングを続けることができます。 

WordPress

フォームがWordPressページに埋め込まれている場合、次の問題が発生する可能性があります。

  • WordPressでは埋め込まれたフォームコードの「&」を「&」に変換する場合があり、コードの誤作動の原因となります。
  • XHTMLのWordPressテーマでは、JavaScriptの周りに<![CDATA[ ]]>タグが追加されます。フォームのレンダリングには影響しませんが、フォームの埋め込みコードを確認する際に注意することがあります。

WordPressが埋め込みコードを変更している場合は、Insert HTML Snippetなどのサードパーティー製プラグインを使用して、ショートコードとしてページや投稿にフォームを追加し、scriptタグを保持することが推奨されます。

Squarespace

Squarespaceのテンプレートの中には、最初のページロード時のみスクリプトをレンダリングし、他のページではレンダリングしないものがあります。その結果、訪問者がウェブサイトを移動する際にフォームスクリプトが読み込まれないため、HubSpotのフォームが一部のページで正しく機能しないことがあります。 

これを防ぐには、SquarespaceのAjaxローディングを無効にしてみてください。これがうまくいかない場合は、別のSquarespaceのテンプレートを使ってみるのもよいでしょう。

ブラウザー固有の問題点

Ghosteryのようなリソースをブロックするブラウザー拡張機能を使用している場合、HubSpotフォームの読み込みと表示がブロックされることがあります。 HubSpotフォームがブロックされた場合の動作についてもっと詳しく。 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。