更新日時 2022年 6月 15日
デザインマネージャーでJavaScriptファイルをホストおよび編集できます。JavaScriptファイルを作成してテンプレートまたはドメインにリンクする方法について説明します。
JavaScript ファイルを作成する
- HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［デザインツール］の順に進みます。
- 左側のサイドバーメニューで、[ファイル] [ > 新規ファイル]をクリックします。メニューを展開するには、 アイコン をクリックする必要があります。
- ダイアログボックスで、[今すぐ作成するもの]ドロップダウンメニューをクリックし、[JavaScript]を選択します。
- ［次へ］をクリックします。
- [ファイル名]フィールドに、JavaScriptファイルの名前を入力します。
- ファイルの場所を更新するには、[ ファイルの場所] セクションで[ 変更]をクリック し、ファイルを追加するフォルダを選択します。
- ［作成］をクリックします。
- JavaScript をコードエディターに入力するか、貼り付けます。
- ESLintを有効にしている場合は、クリックして［出力を表示］スイッチをオンにすることによって、JavaScript警告またはエラーを表示できます。
- 右上の [変更を公開] をクリックして変更内容を公開します。
JavaScriptファイルをテンプレートに添付する
- 左側のファインダーで、更新するテンプレートをクリックします。
- 右側のインスペクターで、[編集]タブをクリックします。
- [リンクされているJavaScriptファイル] セクションで、[追加] ドロップダウンメニューをクリックし、JavaScript ファイルを選択します。
- 右上の [変更を公開] をクリックして変更内容を公開します。
HubSpotページにJavaScriptファイルを含める
公開URLを使用することによって、HubSpotでホスティングされるドメインのすべてのページまたは個別のページにJavaScriptファイルを含めることができます。
ファイルの公開URLにアクセスするには:
- 左側のサイドバーメニューで、JavaScript ファイルを選択します。
- [アクション] > [公開 URL をコピー] をクリックします。
- HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン ］をクリックします。
- 左のサイドバーメニューで [ウェブサイト] > [ページ] に移動します。
- [設定を編集するドメインを選択]ドロップダウンメニューをクリックし、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-->
- 変更内容をライブページに公開するには、右上の［更新］をクリックします。
