HubSpotコンテンツでコードスニペットを使用

コードスニペットを利用すると、HubSpotでホスティングされているコンテンツにカスタムスクリプトやマークアップを追加できます。一般的な使用例としては、アナリティクスのトラッキング、サードパーティー連携、ページのheadまたはフッターに読み込まれるカスタム機能などがあります。

始める前に

HubSpotコンテンツでコードスニペットを使用する前に、要件と考慮事項を確認してください。

制限事項と考慮事項について

• コードスニペットは、次の2つのレベルで追加できます。

  • 特定のページ、ブログ記事、またはナレッジベース記事へのリンク。
  • 特定のドメイン上のHubSpotがホスティングするすべてのコンテンツ。
• 埋め込み手順を参照して、外部コードスニペットをコンテンツのhead、body、またはfooter HTMLに追加するかどうか確認してください。
• ヘッドとフッターHTMLの編集オプションは、配信登録とコンテンツタイプによって異なります。
• 全てのドメイン、あるいは見積もりに使用されるドメインに設定されたヘッダーまたはフッターHTMLは、ウェブサイトコンテンツだけでなく見積もりにも表示されます。

特定のコンテンツにコードスニペットを追加する

コードスニペットを特定のページ、ブログ記事、またはナレッジベース記事にのみ適用する場合は、この方法を使用します。

1. 目的のコンテンツに移動します。

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
2. コンテンツの名をクリックします。 
3. コンテンツエディターで、「設定」メニューをクリックし、［詳細］を選択します。 
4. ダイアログボックスの [追加のコードスニペット]セクションで、[ ヘッダーHTML]または [フッターHTML]フィールドに コードスニペットを入力します。
5. 完了したら、[ 公開 ]または [更新 ]をクリックして変更内容を公開します。

注: フッターHTMLフィールドは、ブログ記事やナレッジベース記事では使用できません。

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

ドメイン上のHubSpotでホスティングされている全てのコンテンツにコード(サイト全体のトラッキングスクリプトなど)を適用する場合は、この方法を使用します。 

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