HubSpotとWordPressにコンテンツを埋め込む

コンテンツ埋め込み機能を使えば、HubSpotでコンテンツのセクションを作成し、HubSpotやWordPressのウェブサイトに埋め込むことができます。現在、コンテンツの埋め込みに対応しているのはWordPressのGutenbergエディターのみです。

注:の埋め込みコンテンツは、iframeを介して読み込まれるのではなく、JavaScriptを介して注入されます。検索エンジンはJavaScriptを実行することができ、埋め込まれたコンテンツをピックアップするため、iframeがもたらすSEO上の問題を回避することができます。

コンテンツ埋め込みを作成する

注：以下のセクションで説明されているコンテンツ埋め込み機能は、ブログ記事モジュールには現在対応していません。

ドラッグ＆ドロップ編集ツールを使って、固有のコンテンツセクションを作成できます。 

• HubSpotアカウントにて、［コンテンツ］＞［埋め込み］の順に進みます。
• 右上の［埋め込みを作成］をクリックします。 
• ダイアログボックスにコンテンツ埋め込みの名前を入力し、［作成］をクリックします。
• コンテンツ埋め込みエディターで、左サイドバーのadd追加アイコンをクリックします。 
• サイドバーエディターで［レイアウト］タブをクリックし、目的のレイアウトをクリックしたまま所定の位置にドラッグします。 
• 左サイドバーで、add追加アイコンをクリックし、目的のモジュールをクリックしたままレイアウト上にドラッグします。 

• コンテンツ埋め込みをプレビューするには、右上の［プレビュー］をクリックします。 
• コンテンツ埋め込み編集が終わったら、右上の［公開］をクリックし、ダイアログボックスの［公開］をクリックします。 

HubSpotにコンテンツを埋め込む

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

  • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
• ページの名前をクリックします。 
• コンテンツエディターで、左のサイドバーにあるadd 追加アイコンをクリックします。 
• サイドバーエディターで、［セクション］タブをクリックし、コンテンツ埋め込みをクリックしたままページの所定の位置にドラッグします。 

• コンテンツエディターのドラッグ＆ドロップ編集ツールを使って、コンテンツ埋め込みのコンテンツを編集します。 

WordPressにコンテンツを埋め込む

• HubSpotのWordPressプラグインとコンテンツ埋め込みプラグインをダウンロードしてインストールします。WordPressにプラグインをインストールする方法について詳しくはこちらをご覧ください。
• WordPressのエディターでページを開きます。 
• エディターで「/」を入力し、「HubSpotコンテンツ埋め込み」と入力します。 
• コンテンツ埋め込みを選択するか、新しいコンテンツ埋め込みを作成します。 

• WordPressで埋め込み内容を編集するには、埋め込みにカーソルを合わせ、［クリックして埋め込みを編集］をクリックします。 
• ページの編集が終わったら、右上の［公開］をクリックします。