メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

ブログ記事のナレーションを生成する

更新日時 2026年1月7日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

Breezeと記事読み上げモジュールを使用してブログ記事の音声バージョンを生成し、アクセシビリティーとエンゲージメントを向上させます。モジュールをブログ記事テンプレートに追加すると、各記事に埋め込みオーディオプレーヤーとしてナレーションが表示されます。

注:AI機能の有効なデータ入力では、プロンプトを含め機密情報を共有しないでください。管理者はアカウント管理設定で生成AI機能を設定できます。HubSpot AIがお客さまのデータを利用して信頼性の高いAIを提供し、お客さまがご自身のデータを管理する方法については、HubSpot AI Trustに関するよくある質問(FAQ)をご覧ください。

始める前に

記事読み上げを生成する前に、記事読み上げモジュールの機能に影響を与える要件と制限事項を確認してください。

アクセス権限が必要  ブログ記事コンテンツを作成、編集、公開するには、編集権限と公開権限が付与されたマーケティングアクセス権 が必要です。

ブログ生成ツールを使用するには、[ 生成AIツールへのアクセス権をユーザーに付与]設定を有効にする必要があります。また、AIツールがあなたのビジネスによりパーソナライズされたブログ記事を生成できるように、追加のデータアクセスの設定をオンにすることをお勧めします。AI設定の管理について詳細をご確認ください。

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

  • ブログ記事テンプレートの中には、記事読み上げモジュールが自動的に含まれるものもあれば、モジュールの追加が必要なテンプレートもあります。ブログ記事テンプレートにモジュールが含まれていない場合は、モジュールの HubLスニペット をブログテンプレートに追加するように求めるアラートが表示されます。

ブログ記事のナレーションを生成する

  1. HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  2. ブログ記事 の名前 をクリックします。
  3. コンテンツエディターで、右上の[設定]をクリックします。
  4. ダイアログボックスで、左側のメニューの[記事読み上げ]を選択します。
  5. [ AIを利用して生成]をクリックします。
  6. 右側のパネルで、[ナレーション文字起こし]フィールドでブログ記事の テキスト をカスタマイズします。
  7. [AI音声]ドロップダウンメニューをクリックし、文字起こしの音声を選択します。
  8. [生成]をクリックします。 

ブログ記事のコンテンツエディターに、記事読み上げの右側のパネルが表示されます。[ナレーション文字起こし](テキスト入力フィールド)と[AI音声](ドロップダウンメニュー)の2つのフィールドがあります。右側のパネルの下部に[生成]ボタンが表示されます。

  1. 記事読み上げが生成されると、オーディオプレーヤーが表示されます。オーディオプレーヤーの playerPlayfd 再生アイコンをクリックして 、ナレーションをプレビューします。
  2. [Add to ブログ記事 (追加)]  をクリックしてナレーションを完了するか、[ breezeRegenerateIcon Regenerate (再生成)] アイコンをクリックして ナレーションを再度生成します。

ブログ記事のコンテンツエディターに、記事読み上げの右側のパネルが表示されます。ナレーションが生成されると、ナレーションプレビューオーディオプレーヤーに再生アイコンと再生成アイコンが表示されます。右側のパネルの下に、[ブログ記事に追加]ボタンがあります。

  1. 完了したら、[ 公開 ]または [更新 ]をクリックして変更内容を公開します。

ブログ記事のナレーションを編集

  1. HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  2. ブログ記事 の名前 をクリックします。
  3. コンテンツエディターで、 記事読み上げ モジュールをクリックします。
  4. 右側のパネルでテキストを入力し、ナレーションの文字起こしを更新します。
  5. [AIの音声 ]ドロップダウンメニューをクリックして、文字起こしの 音声 を選択します。
  6. [完了]をクリックします。
  7. 完了したら、[ 公開 ]または [更新 ]をクリックして変更内容を公開します。

ブログ記事テンプレートに記事読み上げモジュールを追加する

記事ナレーションモジュールがブログ記事 テンプレートに含まれていない場合、記事読み上げモジュールが記事の設定に表示されます。モジュールの HubLスニペット をブログテンプレートに挿入して、ブログ記事のナレーションを生成します。
  1. HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  2. ブログ記事のをクリックします。
  3. コンテンツエディターで、右上の[設定]をクリックします。
  4. ダイアログボックスで、左側のメニューの[記事読み上げ]を選択します。
  5. アラートバナーで、デザインマネージャーをクリックします。デザインマネージャーのブログ記事テンプレートが表示されます。
  6. ブログ記事テンプレートで、オーディオプレーヤーを表示する場所に次のHubLスニペットを貼り付けます。

{% module "blog_post_audio" path="@hubspot/blog_audio", overrideable=False %}

  1. プレーヤーの色を変更するには、stylesパラメーターを追加します。以下に例を示します。

{% module "narration" path="@hubspot/blog_audio", overrideable=False, styles={ groupColors: { override: 'custom', background: { color: '#0091ae' }, text: { color: '#ffbcac' }, hover: { color: '#7fded2' }, }, } %}

  1. 右上の[変更を公開]をクリックします。
  2. 完了したら、 ブログ記事のナレーションの生成を続行します
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。