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

ページのヘッドまたはフッターHTMLにコードを追加する

更新日時 2020年 10月 19日

対象製品

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

カスタムスタイルを設定するため、またはトラッキングのために、コードのスニペットをウェブサイトのヘッダーHTMLまたはフッターHTMLに追加したいという場合があるかもしれません。HubSpotでは、特定のページまたはブログ記事にコードスニペットを追加することができます。また、アカウント設定を更新することにより、特定のドメインでホストされているすべてのページおよびブログ記事にコードスニペットを追加することもできます。 

:外部ソースからコードを埋め込んでいる場合は、埋め込み手順を確認して、コードをページのどこに追加するか(ページのヘッダー、フッター、あるいはページの本文)を判断します。アカウント設定の中でGoogleアナリティクスのコードを追加する方法をご確認ください。

特定のページまたはブログ記事にコードスニペットを追加する

  • HubSpotアカウントで、ブログ、ランディングページ、またはウェブサイトページに移動します
  • ランディングページにマウスを置いて、[編集]をクリックします。 
  • ページエディターで[設定]タブをクリックします。 
  • [詳細オプション]をクリックして[追加のコードスニペット]セクションにアクセスし、コードを[ヘッドHTML]または[フッターHTML]フィールドに入力します。

    注:個々のブログ記事のヘッドHTMLフィールドにのみアクセスできます。

add-head-footer-html-page.gif

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

特定のドメインでホストされているすべてのページおよびブログのヘッドまたはフッターHTMLにコードを追加する

注:特定のドメインのヘッドまたはフッターHTMLにコードを追加する場合は、[すべてのドメインの既定の設定]に追加されたコードが特定のドメインに適用されません。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ページ]に移動します。
  • 左上の[設定を編集するドメインを選択]ドロップダウンメニューをクリックし、設定を更新する対象となるドメインを選択します。
  • 選択したドメインでホストされているすべてのページおよびブログ記事のヘッダーまたはフッターHTMLに、コードスニペットを追加します。
    1. サイトのヘッダーHTML 
    2. サイトのフッターHTML

  • [保存]をクリックして変更を適用します。