HubSpotページにjQueryを含める
更新日時 2021年 4月 1日
ウェブサイト設定で、jQueryをHubSpotにページに読み込むことができるようにします。HubSpotでホストされているコンテンツで実行するjQueryのバージョンと、それをページのどこに含めるかを指定することもできます。
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左のサイドバーメニューで、[ウェブサイト]>[ページ]の順に進みます。
- ページの上部にある[設定を編集するドメインを選択]ドロップダウンメニューを使用して、編集するドメインを選択します。すべてのドメインのこの設定を編集するには、[すべてのドメインの既定の設定]を選択します。特定のサブドメインのこの設定を編集するには、ドロップダウンメニューからドメインを選択します。
注:個別のサブドメインの設定によって、すべてのドメインの既定の設定が上書きされます。
- [jQuery]セクションまで下にスクロールして、[jQueryを含める]チェックボックスをオンにし、HubSpotページにjQueryを読み込みます。
注:ページで画像ギャラリーモジュールが使用されている場合は、[jQuery]チェックボックスをオフに切り替えても、jQueryはページから削除されません。画像ギャラリーモジュールでは、jQueryが機能する必要があります。

- 含めるjQueryのバージョンを選択するには、[jQueryバージョン]ドロップダウンメニューを使用します。HubSpot でホストされるコンテンツ全体に、jQuery バージョン 1.11.x または 1.7.1 を適用できます。
- 1.7.1 - 古いバージョンの jQuery を使用してロジックを作成している場合は、このバージョンを選択します。
- 1.11.x - このバージョンを選択した場合、[jQuery移行スクリプトを含める] チェックボックスもオンにすることを推奨します。これにより、古いブラウザとの互換性を向上させるために、テンプレートにスクリプトが追加されます。
- [保存]をクリックして変更を適用します。
jQueryが含まれている場合は、既定でjQueryライブラリがページのヘッドHTMLに読み込まれます。ページフッターに含めるには、[HubSpotに含まれるjQueryライブラリをフッターから読み込む] チェックボックスをオンにします。
この変更を行う前に、すべての jQuery 依存関係がフッターに移動されていることを確認してください。フッター内の jQuery でページの読み込みをテストするには、このクエリ文字列をページ URL の末尾に追加します。
? hsMoveJQueryToFooter=True
注: ページのフッターに jQuery を移動する前に、ウェブ開発者に相談することを推奨します。ご不明な点がございましたら、コミュニティーで経験豊富な HubSpot デザイナーにご連絡ください。
関連記事
-
GoogleタグマネージャーのコードをHubSpotページに追加する
GoogleタグマネージャーとHubSpotを統合して、一か所の複数のソースからのトラッキングを管理することができます。Googleタグマネージャーの詳細については、Googleのスタートガイド...
ナレッジベース -
モジュールの作成と編集
デザイン マネージャー ツールで、カスタム コード モジュールを作成することにより、ブログ、ページ、またはEメールに高度な機能を追加できます。カスタムモジュールに搭載されている幅広い機能により、...
ナレッジベース -
テンプレートでデフォルトのモジュールを使用する
これは、デザインツールでドラッグ&ドロップのテンプレートで使用できる既定のモジュールの概要です。各モジュールタイプは、インスペクターのスタイルとコンテンツのオプション...
ナレッジベース