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

コンテンツ埋め込み機能を使えば、HubSpotでコンテンツのセクションを作成し、HubSpotやWordPressのウェブサイトに埋め込むことができます。 

始める前に

この機能を使い始める前に、事前に必要な手順と、この機能を使用する場合の制限事項と潜在的な結果について十分に理解しておいてください。

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

• この記事で説明するコンテンツ埋め込み機能では、 ブログ記事 モジュールはサポートされていません。
• 外部ページ(WordPressなど)に埋め込まれたコンテンツのスタイルは、HubSpotではなく外部ページから取得されます。 
• コンテンツの埋め込みをサポートしているのは WordPressのGutenbergエディター のみです。
• 埋め込みコンテンツは、iframeを介して読み込まれるのではなく、JavaScriptが挿入されます。検索エンジンはJavaScriptを実行し、埋め込みコンテンツを見つけることができるため、iframeに伴うSEOの課題を回避できます。

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

ドラッグ&ドロップ編集ツールでコンテンツを埋め込むことで、コンテンツの独自のセクションを作成することができます。 

• HubSpotまたはWordPressのページで使用するコンテンツ埋め込みを作成するには、次の手順に従います。
  1. HubSpotアカウントにて、［コンテンツ］＞［埋め込み］の順に進みます。
  2. 右上の［埋め込みを作成］をクリックします。 
  3. ダイアログボックスにコンテンツ埋め込みの名前を入力し、［作成］をクリックします。
  4. コンテンツ埋め込みエディターで、左サイドバーのadd追加アイコンをクリックします。 
  5. サイドバーエディターで[レイアウト]タブをクリックし、レイアウトをクリックして所定の位置にドラッグします。 
  6. 左側のサイドバーでadd Addアイコンをクリックし、モジュールをクリックしてレイアウトにドラッグします。 

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

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

コンテンツ埋め込みを公開すると、そのコンテンツをHubSpotページに埋め込むことができます。埋め込みコードを使用してコンテンツを埋め込むこともできます。 

• ページにコンテンツを埋め込むには、次の手順に従います。

  1. コンテンツを開きます。

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

• 5. コンテンツエディターの ドラッグ&ドロップ編集ツールを使用して、コンテンツ埋め込み のコンテンツを 編集します。 
• コンテンツ埋め込みとページの編集が完了したら、右上の [公開 ]をクリックします。

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

コンテンツ埋め込みを公開すると、そのコンテンツをWordPressページに埋め込むことができます。埋め込みコードを使用してコンテンツを埋め込むこともできます。 

• WordPressにコンテンツを埋め込むには:
  1. HubSpotのWordPressプラグインをダウンロードしてインストールします。
  2. コンテンツ埋め込みプラグインをダウンロードし、提供されている .zip ファイルを使って WordPressにプラグインをインストールします。
  3. WordPressのエディターでページを開きます。 
  4. エディターで 「/」と入力し、次に「HubSpot Content Embed」と入力します。 
  5. コンテンツ埋め込みを選択するか、新しいコンテンツ埋め込みを作成します。 

• 6. WordPressで埋め込みのコンテンツを編集するには、 埋め込み の上にマウスポインターを置き、[ クリックしてembedを編集]をクリックします。 
• ページの編集が終わったら、右上の［公開］をクリックします。