HubSpotにJavaScriptファイルを追加する方法

更新日時 July 1, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise
Design Manager(デザインマネージャー)では、HTMLとCSSを記述できるだけでなく、JavaScriptファイルをホストおよび編集することもできます。このチュートリアルでは、JavaScriptファイルを追加し、当サイト、テンプレート、またはページにリンクします。

手順

次の手順に従って、Design Manager(デザインマネージャー)のコードエディター内でJavaScriptを作成します。

Design Manager(デザインマネージャー)に移動する

JavaScriptファイルを作成するには、デザインマネージャー([Content(コンテンツ)] > [Design Manager(デザインマネージャー)])に移動します。

Navigate to Design Manager

新規コードファイルを作成する

コードファイルのフォルダーを選択し、[New coded file(新規コードファイル)]をクリックします。

New coded file

[Code Editor(コードエディター)]および[Page(ページ)]を選択します。

拡張子.jsでファイルに名前を付けて保存する

ファイルには、.jsファイル拡張子で名前を付ける必要があります。新しいフォルダーを追加して、すべてのJavaScriptファイルをまとめて保存しておくこともできます。

Name JS

JavaScriptファイルを編集する

JavaScriptをコードエディターに入力するか、貼り付けます。[Publish Changes(変更を公開)]を押してスクリプトを更新し、変更内容を公開します。

Publish JS

公開URLを取得する

JavaScriptを作成したら、scriptタグで参照するURLを取得してファイルを読み込む必要があります。 URLを取得するには、[Actions(アクション)] > [Get public URL(公開URLを取得)]をクリックします。

Get public URL

URLは、JavaScriptファイルのURLパスをレンダリングするHubL(HubSpotマークアップ言語)トークンの形式です。スクリプトを更新するたびにURLが変更されるため、HubLトークンを使用してスクリプトをリンクすると、常に最新バージョンが読み込まれるようになります。  

[Copy(コピー)]をクリックしてURLをコピーします。

Public URL tag

スクリプトを含める



HubLタグでスクリプトのURLを生成すると、scriptタグのsrc属性にこれを追加できます。 以下に示すスクリーンショットの例をご覧ください。

スクリプトはサイト全体または1ページに追加できますが、テンプレートのグローバルフッターでまたはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。またはHTMLモジュールにスクリプトを追加することをお勧めします。これにより、特定のテンプレートを使用する必要なスクリプトだけがページに読み込まれるようになります。テンプレートレイアウトのheadタグにアクセスするには、[Edit(編集)] > [Edit Head(Headの編集)]をクリックします。

HubSpot Help article screenshot

また、テンプレートのグローバルフッターでHTMLモジュールにスクリプトを追加することもできます。 

HubSpot Help article screenshot

jQueryプラグインと外部スクリプトをCOSで使用する

以下は、jQueryプラグインと外部スクリプトをCOSで使用する場合の追加情報です。

jQueryはすべてのCOSページに含まれる

すべてのレイアウトまたはコード化されたHubSpotテンプレートには、ページのheadタグにjQuery 1.71または1.11 xが自動的に含まれます。読み込む際に適切なjQueryバージョンを選択する方法については、こちらをご覧ください。

Select jQuery version

前の記事

次の記事