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

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

更新日時 2025年10月9日

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

すべての製品とプラン

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

HubSpot 追跡コードを確認

外部サイトでHubSpotフォームを使用するには、フォームを配置する外部ページに HubSpot 追跡コードがインストールされている必要があります。

HubSpot 追跡コードがインストールされ、ページで正しく実行されることを確認するには、HubSpot 追跡コードのトラブルシューティング方法をご覧ください。

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

外部ページの埋め込みコードが正しいことを確認するには、HubSpotが提供するフォームの埋め込みコードと、サイトにあるコードを比較します。

HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
フォームの上にカーソルを重ねて［編集］をクリックします。
更新されたフォームエディターを使用している場合:
- 右上の[確認および更新]をクリックします。
- 右側のパネルの下部にある[更新]をクリックします。

- ダイアログボックスで、[ 埋め込みコードを取得]をクリックします。
- ［コピー］をクリックします。

フォームエディターの共有オプションが表示され、フォームの埋め込みコードをコピーするオプションが強調表示されています。

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

フォームエディター。フォームの埋め込みコードとコードをコピーするオプションが表示されます。

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

外部で埋め込まれたコードが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がご提供しているヘルプはこちらでご確認ください。