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

CSS セレクターを使用してHubSpot以外のフォームを識別する

更新日時 2026年7月28日

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

HubSpot以外のフォームは、そのCSSセレクタに基づいて自動的に名前が付けられます。CSSセレクタを特定することで、HubSpot以外のフォームを、外部ページ上の対応するフォームと照合しやすくなります。たとえば、アカウントに複数のHubSpot以外のフォームが登録されている場合、CSSセレクタを使用して、どの外部フォームが連携されているかを特定することができます。

HubSpot以外のフォームのCSSセレクタを特定するには:

  1. Chrome ブラウザーで、外部フォームが含まれるページに移動します。
  2. 外部フォームの最初の フィールド を右クリックし、[ 検査]を選択します。 
外部フォーム。Chromeの開発者ツールでフォームを検査できるオプションが強調表示されています。
  1. Chrome DevToolsの「」タブ()で、フォームフィールドのハイライト表示されたコードを探します。
  2. ハイライトされたコードの上にある、<form>というタグを探してください。このタグには、ID 属性または class 属性が含まれます。
    • ID属性:#記号で始まる。たとえば、<form>のタグにid="form-id"が含まれている場合、対応するHubSpot以外のフォームのデフォルト名には、#form-idを含める必要があります。
    • クラス属性:.で始まる記号。たとえば、<form>のタグにclass="form-class"が含まれている場合、対応するHubSpot以外のフォームのデフォルト名には、.form-classを含める必要があります。

Chromeの開発者ツールで、外部フォーム上のCSSセレクタの例を表示しています。

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