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

HubSpotのコンテンツのヘッダーまたはフッターのHTMLにコードを追加する

更新日時 2022年 6月 16日

対象製品

すべての製品とプラン

コンテンツエディターで、特定のページまたはブログ投稿のヘッダーまたはフッターのHTMLに、コードスニペットを追加することができます。また、アカウント設定を更新することにより、特定のドメインでホスティングされているすべてのページおよびブログ記事にコードスニペットを追加することもできます。 

開始する前に、外部コードスニペットの埋め込み手順を確認して、コンテンツのヘッド、ボディ、フッターHTMLに追加するかどうかを確認します。 

注意: CMS Hub Starterアカウントの場合、コードスニペットはランディングページではなく、ウェブサイトページのヘッドとフッターHTMLにのみ追加できます。 

特定のページまたは投稿にコードスニペットを追加する

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。 
  • コンテンツエディターで、[設定]タブをクリックし、[詳細オプション]をクリックします。 
  • [追加のコードスニペット]セクションで、[ヘッダーHTML]フィールドまたは[フッターHTML]フィールドにコードスニペットを追加します。

注:ブログ投稿エディターの場合、フッターHTMLのフィールドは利用できません。 


edit-head-and-footer-html-for-a-page

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

特定のドメインでホスティングされている全コンテンツにコードスニペットを追加する

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ページ]に移動します。
  • 左上にある[設定を編集するドメインを選択]ドロップダウンメニューをクリックし、ドメインを選択します。HubSpotでホスティングされている全コンテンツに同じコードを適用するには、[すべてのドメインの既定の設定]を選択します。 
  • 特定のドメインのヘッダーまたはフッターを編集するには、[サイトのヘッダーHTML]または[サイトのフッターHTML]のセクションで[既定の設定を上書き]をクリックします。既定の設定に追加されたコードは、このドメインのコンテンツには適用されなくなります。 
  • 特定のドメインのヘッダーまたはフッターのHTMLを、[すべてのドメインの既定の設定]に戻すには、[既定の設定を適用]をクリックします。 
  • コードスニペットを入力します。
  • 左下の[保存]をクリックします。変更内容が適用されます。 

edit-site-header-html

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.