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

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

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

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

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

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

  • ウェブサイトページ：HubSpotアカウントにて、［マーケティング］＞［ウェブサイト］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［マーケティング］＞［ランディングページ］の順に進みます。
  • ブログ：HubSpotアカウントにて、［マーケティング］＞［ウェブサイト］＞［ブログ］の順に進みます。
• コンテンツの上にカーソルを重ねて［編集］をクリックします。 
• コンテンツエディターで、ファイルメニューをクリックし、ページ設定またはブログ設定を選択します。 
• ダイアログボックスで、左サイドバーメニューの［詳細設定］をクリックします。 
• ［追加のコードスニペット］セクションで、［ヘッダーHTML］フィールドまたは［フッターHTML］フィールドにコードスニペットを追加します。

ご注意：フッターHTMLフィールドはブログ記事には使用できません。 

• 右上の「Publish or Update」をクリックし、ダイアログボックスの「Publish now or Update now」をクリックすると、変更が反映されます。 

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

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

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