HubSpotページにjQueryを含める
更新日時 2023年 1月 19日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
|
Marketing Hub Basic(旧製品) |
ウェブサイト設定で、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 デザイナーにご連絡ください。
関連記事
-
スマート コンテンツ ルールを作成して管理する
スマート コンテンツ モジュールには、閲覧者カテゴリーに基づいて異なるバージョンのコンテンツが表示されます。例えば、特定の国からの訪問者またはモバイルデバイスで閲覧している訪問者に代替案を作成することができます。 また、
ナレッジベース -
コンテンツをパーソナライズする
...
ナレッジベース -
カスタム コード テンプレートを作成する
開発者は、HTMLを使用することで、ブログ、ウェブサイトページ、ランディングページ、Eメールのテンプレートをゼロから作成することができます。または、ドラッグ&ドロップテンプレートのレイアウトをHTMLに複製...
ナレッジベース