HubSpotページにjQueryを含める

ウェブサイト設定で、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 デザイナーにご連絡ください。