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

記事読み上げモジュールの使用

更新日時 2025年 4月 2日

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

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise

HubSpotのAIである Breezeでは、記事読み上げモジュールを使用してブログ記事の音声バージョンを作成できます。投稿ナレーションを作成するには、まずモジュールの HubLスニペット をブログテンプレートに追加する必要があります

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

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

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • ブログ記事のをクリックします。
  • コンテンツエディターで[設定]メニューをクリックし、[記事読み上げ]を選択します。 
  • アラートバナーで、デザインマネージャーをクリックします。デザインマネージャー内のブログ記事テンプレートにリダイレクトされます。 

add-post-narration-to-template

  • ブログ記事テンプレートで、オーディオプレーヤーを表示したい場所に以下のHubLスニペットを貼り付けます:

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

  • プレーヤーの色を変更するには、stylesパラメーターを追加します。例として、以下が挙げられます。 
{% module "narration" path="@hubspot/blog_audio",
overrideable=False, styles={ groupColors: { override: 'custom', background: { color: '#0091ae' }, text: { color: '#ffbcac' }, hover: { color: '#7fded2' }, }, } %}
  • 右上の[変更を公開]をクリックします。 

ブログ記事で記事読み上げを使用する

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • ブログ記事にマウスポインターを合わせ、[編集]をクリックします。
  • コンテンツエディターで[設定]メニューをクリックし、[記事読み上げ]を選択します。 
  • ダイアログボックスで、「AIが生成」をクリックします。。 
  • 右側のパネルの[ナレーションの文字起こし]フィールドで、ブログ記事のテキストをカスタマイズします。 
  • [AI音声]ドロップダウンメニューをクリックし、音声を1つ選択します。 
  • [生成]をクリックします。ナレーションのプレビューが可能になると、オーディオプレーヤーが表示されます。 

ポストナレーションモジュール

  • 音声プレーヤーのplayerPlayfds再生アイコンをクリックして、ナレーションをプレビューしてください。 
  • ブログ記事に追加をクリックしてナレーションを確定するか、再生成をクリックしてナレーションを再作成する。 
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。