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

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

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

• ブラウザーで、テキスト比較ツールである 差分チェッカー に移動します。[元のテキスト] セクションにフォーム埋め込みコードを貼り付けます。

• 外部ページの任意の箇所を右クリックし、[ページのソースを表示] を選択します。ページのフォーム埋め込みコードを探して、コピーします。
• 差分チェッカーに移動します。[変更テキスト] セクションに外部エンベッドコードを貼り付けます。
• [差分を検索] をクリックして、不足しているコードや破損したコードを探します。

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

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

WordPress の場合

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

• WordPress は埋め込まれたフォームコードの「&」を「&」に変換する場合があり、コードの誤作動の原因となります。
• XHTML WordPress テーマでは、JavaScript の前後に [<!--[CDATA[ ]]-->] タグが追加されますが、これはフォームの表示には影響はありません。

WordPress がエンベッドコードを変更する場合は、サードパーティーのプラグイン (例: Insert HTML Snippet) を使用してフォームをページに追加するか、スクリプトタグを残すためにショートコードのフォームで投稿してください。

Squarespace

フォームが Squarespace ページに埋め込まれている場合、特定のテンプレートではスクリプトが最初のページの読み込みのみでその後は無いように表示される可能性があります。詳細と回避策については、この Squarespace の記事を参照してください。