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

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

更新日時 2022年 6月 15日

In Beta

対象製品

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

デザインマネージャーでJavaScriptファイルをホストおよび編集できます。JavaScriptファイルを作成してテンプレートまたはドメインにリンクする方法について説明します。


JavaScript ファイルを作成する

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • 左側のサイドバーメニューで、[ファイル] [ > 新規ファイル]をクリックします。メニューを展開するには、  フォルダアイコン をクリックする必要があります。 
  • ダイアログボックスで、[今すぐ作成するもの]ドロップダウンメニューをクリックし、[JavaScript]を選択します。

design - manager - new - file - javascript
  • [次へ]をクリックします。
  • [ファイル名]フィールドに、JavaScriptファイルの名前を入力します。 
  • ファイルの場所を更新するには、[ ファイルの場所] セクションで[ 変更]をクリック し、ファイルを追加するフォルダを選択します。

design - manager - new - javascript - file

  • [作成]をクリックします。 
  • JavaScript をコードエディターに入力するか、貼り付けます。
  • ESLintを有効にしている場合は、クリックして[出力を表示]スイッチをオンにすることによって、JavaScript警告またはエラーを表示できます。

    design - manager - javascript - show - output
  • 右上の [変更を公開] をクリックして変更内容を公開します。

JavaScriptファイルをテンプレートに添付する

  • 左側のファインダーで、更新するテンプレートをクリックします。
  • 右側のインスペクターで、[編集]タブをクリックします。
  • [リンクされているJavaScriptファイル] セクションで、[追加] ドロップダウンメニューをクリックし、JavaScript ファイルを選択します。

 

  • 右上の [変更を公開] をクリックして変更内容を公開します。

HubSpotページにJavaScriptファイルを含める

公開URLを使用することによって、HubSpotでホスティングされるドメインのすべてのページまたは個別のページにJavaScriptファイルを含めることができます。

ファイルの公開URLにアクセスするには:

  • 左側のサイドバーメニューで、JavaScript ファイルを選択します。
  • [アクション] > [公開 URL をコピー] をクリックします。

design - manager - add - javascript - file

ドメイン上のすべてのHubSpotページにファイルを追加するには:
  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで [ウェブサイト] > [ページ] に移動します。
  • [設定を編集するドメインを選択]ドロップダウンメニューをクリックし、JavaScriptファイルを追加するドメインを選択します。JavaScriptファイルをすべての接続ドメインに適用する場合は、すべてのドメインのデフォルト設定を選択できます。 
  • [サイトフッターHTML]セクションで、公開URLをスクリプトタグのソースの値として貼り付けます。 
<!-- start Main.js Do Not Remove -->
<script src='ファイルの公開URLをここに挿入'></script>
<!---End Main.js-->
  • [保存]をクリックします。 

または、個別のページにファイルを追加するには、次の手順を実行します。

  • HubSpotアカウントで、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]または[ランディングページ]の順に進みます。
  • 編集するページの上にカーソルを置き、[編集]をクリックします。
  • ページエディターで、[設定]タブをクリックします。
  • [詳細オプション]をクリックします。
  • [フッターHTML]セクションで、スクリプトタグのソースの値として公開URLを貼り付けます。
<!-- start Main.js Do Not Remove -->
<script src='ファイルの公開URLをここに挿入'></script>
<!---End Main.js-->
  • 変更内容をライブページに公開するには、右上の[更新]をクリックします。
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.