外部に埋め込んだHubSpotフォームが機能していない
更新日時 2021年 3月 26日
対象製品
すべての製品とプラン |
外部ページに埋め込んだHubSpotフォームが機能していない場合、切り捨てられる場合、または正しく表示されない場合は、外部ページのエンベッドコードが正しいことを確認します。
- HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
- フォームの名前をクリックします。
- フォームエディターの右上にある[共有]をクリックします。
- ダイアログボックスで[コピー]をクリックします。
- ブラウザーで、テキスト比較ツールである差分チェッカーに移動します。[元のテキスト]セクションにフォーム埋め込みコードを貼り付けます。
- 外部ページの任意の箇所を右クリックし、[ページのソースを表示]を選択します。ページのフォーム埋め込みコードを探して、コピーします。
- 差分チェッカーに移動します。[変更テキスト]セクションに外部エンベッドコードを貼り付けます。
- [差分を検索]をクリックして、不足しているコードや破損したコードを探します。
外部エンベッドコードが間違っていた場合、外部ページに正しいコードをもう一度埋め込みます。
外部エンベッドコードが正しかった場合、外部ページのHTMLまたはJavaScriptに問題があり、フォームのエンベッドコードと干渉している可能性があります。その場合は、デザイナーと協力して干渉していると思われる要素に対処してください。
WordPressの場合
フォームがWordPressページに埋め込まれている場合、さらに2つの点に注意する必要があります。
- WordPressでは埋め込まれたフォームコードの「&」を「&」に変換する場合があり、コードの誤作動の原因となります。
- XHTML WordPressテーマでは、JavaScriptの前後に[<![CDATA[ ]]>]タグが追加されますが、これはフォームの表示には影響はありません。
WordPressがエンベッドコードを変更する場合は、サードパーティーのプラグイン(例:Insert HTML Snippet)を使用してフォームをページに追加するか、スクリプトタグを残すためにショートコードのフォームで投稿してください。
Squarespace
フォームがSquarespaceページに埋め込まれている場合、特定のテンプレートではスクリプトが最初のページの読み込みのみでその後は無いように表示される可能性があります。詳細と回避策については、このコミュニティーの投稿を参照してください。
Thank you for your feedback, it means a lot to us.
関連記事
-
フォームを作成する
フォームを使用して、訪問者や連絡先に関する重要な情報を収集します。HubSpotでは、HubSpotページや外部サイトに追加するフォームを簡単に作成できます。 この手順の概要を確認するには、以下の動画をご覧ください。
ナレッジベース -
HubSpotのコンテンツとデータをエクスポートする
ページ、コンタクト、ファイルなど、自分のアカウントからHubSpotコンテンツとデータをエクスポートする方法を説明します。 注:...
ナレッジベース -
外部サイト上にHubSpotフォームを埋め込み、スタイルを設定する
フォームツールを使用すると、ウェブサイトへの訪問者から情報を収集できるため、自社とやり取りを行った訪問者に対するマーケティング、販売、サービス提供が可能になります。HubSpot上で作成したフォームは、...
ナレッジベース