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

HubSpotページにjQueryを含める

更新日時 2020年 10月 19日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

ウェブサイト設定で、jQueryをHubSpotにページに読み込むことができるようにします。HubSpotでホストされているコンテンツで実行するjQueryのバージョンと、それをページのどこに含めるかを指定することもできます。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ページ]の順に進みます。
  • ページの上部にある[設定を編集するドメインを選択]ドロップダウンメニューを使用して、編集するドメインを選択します。すべてのドメインのこの設定を編集するには、[すべてのドメインの既定の設定]を選択します。特定のサブドメインのこの設定を編集するには、ドロップダウンメニューからドメインを選択します。  

注:個別のサブドメインの設定によって、すべてのドメインの既定の設定が上書きされます。

  • [jQuery]セクションまで下にスクロールして、[jQueryを含める]チェックボックスをオンにし、HubSpotページにjQueryを読み込みます。

注:ページで画像ギャラリーモジュールが使用されている場合は、[jQuery]チェックボックスをオフに切り替えても、jQueryはページから削除されません。画像ギャラリーモジュールでは、jQueryが機能する必要があります。

include-jquery-checkbox
  • 含めるjQueryのバージョンを選択するには、[jQueryバージョン]ドロップダウンメニューを使用します。HubSpot でホストされるコンテンツ全体に、jQuery バージョン 1.11.x または 1.7.1 を適用できます。 
    • 1.7.1 - 古いバージョンの jQuery を使用してロジックを作成している場合は、このバージョンを選択します。
    • 1.11.x - このバージョンを選択した場合、[jQuery移行スクリプトを含める] チェックボックスもオンにすることを推奨します。これにより、古いブラウザとの互換性を向上させるために、テンプレートにスクリプトが追加されます。
  • [保存]をクリックして変更を適用します。

jQueryが含まれている場合は、既定でjQueryライブラリがページのヘッドHTMLに読み込まれます。ページフッターに含めるには、[HubSpotに含まれるjQueryライブラリをフッターから読み込む] チェックボックスをオンにします。 

load-jquery-from-footer-setting

この変更を行う前に、すべての jQuery 依存関係がフッターに移動されていることを確認してください。フッター内の jQuery でページの読み込みをテストするには、このクエリ文字列をページ URL の末尾に追加します。

? hsMoveJQueryToFooter=True 

: ページのフッターに jQuery を移動する前に、ウェブ開発者に相談することを推奨します。ご不明な点がございましたら、コミュニティーで経験豊富な HubSpot デザイナーにご連絡ください