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

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

更新日時 2023年 3月 22日

対象製品

すべての製品とプラン

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

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

注:すべてのアカウントが個々のページや投稿のヘッドとフッターHTMLを編集できるわけではありません。利用可能なさまざまな種類のコンテンツの特定の編集オプションは、HubSpotサブスクリプションによって異なります。 

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

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

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

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


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

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

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

注意:ドメインレベルで追加されたコードスニペットは、ナレッジベースの記事には影響しません。 

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

edit-site-header-html

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。