ページ間でjQueryを含める

HubSpotでホスティングされているページ全体で、jQueryに依存するモジュールまたはカスタムスクリプトに必要な場合、jQueryを含めます。多くの新しいテーマやモジュールはjQueryに依存しなくなりましたが、古いアセットではjQueryが正常に動作することが必要になる場合があります。jQuery設定 を使用して、互換性を管理し、バージョンを選択し、ページ上でライブラリーを読み込む場所を決定します。

始める前に

HubSpotでホスティングされているページにjQueryを含める前に、事前にどのような手順を実行する必要があるか、機能の制限、およびjQueryを使用した場合に想定される結果について十分に理解しておく必要があります。 

制限事項と考慮事項について

• 特定のサブドメインに適用される設定は、全てのドメインの既定の設定よりも優先されます。
• 画像ギャラリーモジュールなど、一部のモジュールではjQueryが必要です。[jQueryを含める ]設定を無効にしても、モジュールで必須のjQueryは削除されません。
• jQueryが読み込む場所(headまたはfooter)を変更すると、jQueryに依存するスクリプトの更新が必要になる場合があります。

jQuery を含む

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］＞［ページ］の順に移動します。
3. ページの上部にある[ 設定を編集するドメインを選択]ドロップダウンメニューをクリックして、編集する ドメイン を選択します。
   • 全てのドメインのこの設定を編集するには、［全てのドメインのデフォルトの設定］を選択します。
   • 特定のサブドメインのこの設定を編集するには、ドロップダウンメニューからドメインを選択します。 
4. HubSpotページ全体にjQueryを読み込むには、[ テンプレート ]タブの[jQueryを含める ]チェックボックスをオンにします。

5. jQueryのバージョンを変更するには、[ jQueryバージョン ]ドロップダウンメニューをクリックし、 バージョンを選択します。
   • 1.7.x: 古いバージョンの jQuery からの依存関係を使用してロジックを既に構築している場合は、このバージョンを選択します。
   • 1.11.x - このバージョンを選択した場合、［jQuery移行スクリプトを含める］ チェックボックスもオンにすることを推奨します。これにより、古いブラウザーとの互換性を向上させるために、テンプレートにスクリプトが追加されます。
6. デフォルトでは、jQueryライブラリーはページのHEADのHTMLに読み込まれます。ページのフッターにjQueryを含めるには、[ HubSpotに含まれるjQueryライブラリーをフッターから読み込む ]チェックボックスをオンにします。
   • フッターにjQueryを含める場合は、jQueryの依存関係も全てフッターに移動することをお勧めします。
   • フッター内のjQueryでページの読み込みをテストするには、ページURLの末尾に
     ?hsMoveJQuerytoFooter=True を付加します。
7. 完了したら、左下の［保存］をクリックします。

注: jQueryをページのフッターに移動する前に、ウェブ開発者に相談することをお勧めします。ご不明な点がございましたら、CommunityでHubSpotデザイナーにお問い合わせください。