更新日時 2021年 3月 26日
外部ページに埋め込んだHubSpotフォームが機能していない場合、切り捨てられる場合、または正しく表示されない場合は、外部ページのエンベッドコードが正しいことを確認します。
- HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。
- フォームの名前をクリックします。
- フォームエディターの右上にある［共有］をクリックします。
- ダイアログボックスで［コピー］をクリックします。
- ブラウザーで、テキスト比較ツールである差分チェッカーに移動します。［元のテキスト］セクションにフォーム埋め込みコードを貼り付けます。
- 外部ページの任意の箇所を右クリックし、［ページのソースを表示］を選択します。ページのフォーム埋め込みコードを探して、コピーします。
- 差分チェッカーに移動します。［変更テキスト］セクションに外部エンベッドコードを貼り付けます。
- ［差分を検索］をクリックして、不足しているコードや破損したコードを探します。
外部エンベッドコードが間違っていた場合、外部ページに正しいコードをもう一度埋め込みます。
外部エンベッドコードが正しかった場合、外部ページのHTMLまたはJavaScriptに問題があり、フォームのエンベッドコードと干渉している可能性があります。その場合は、デザイナーと協力して干渉していると思われる要素に対処してください。
WordPressの場合
フォームがWordPressページに埋め込まれている場合、さらに2つの点に注意する必要があります。
- WordPressでは埋め込まれたフォームコードの「&」を「&」に変換する場合があり、コードの誤作動の原因となります。
- XHTML WordPressテーマでは、JavaScriptの前後に［<![CDATA[ ]]>］タグが追加されますが、これはフォームの表示には影響はありません。
WordPressがエンベッドコードを変更する場合は、サードパーティーのプラグイン（例：Insert HTML Snippet）を使用してフォームをページに追加するか、スクリプトタグを残すためにショートコードのフォームで投稿してください。
Squarespace
フォームがSquarespaceページに埋め込まれている場合、特定のテンプレートではスクリプトが最初のページの読み込みのみでその後は無いように表示される可能性があります。詳細と回避策については、このコミュニティーの投稿を参照してください。
