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

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

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

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

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

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

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

• コンテンツ埋め込みをプレビューするには、右上の［プレビュー］をクリックします。外部ページに埋め込む場合、プレビューでは埋め込んだ後のイメージが反映されないことがあります。これは、外部ページに埋め込まれたコンテンツが、HubSpotではなく外部ページからスタイルを取得するためです。
• コンテンツ埋め込み編集が終わったら、右上の［公開］をクリックし、ダイアログボックスの［公開］をクリックします。 

コンテンツの埋め込みを作成したら、HubSpotやWordPressのページにコンテンツを埋め込む方法を学びましょう。または、埋め込みコードを使用してコンテンツを埋め込む方法を学ぶ。

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

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

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

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

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

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

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