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

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

更新日時 2024年 5月 10日

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

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise

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

注:、プロンプトで機密情報を共有することは避け、権利またはライセンスを持つコンテンツのみを使用してください。AIが生成したコンテンツに偏りや不正確さがないか要確認。製品の提供および改善のために、HubSpotはお客様がAIツールを使用した際のプロンプト、生成された出力、使用指標をログに記録し、保存しています。HubSpotはこのツールの使用を可能にするため、お客さまのプロンプトをAIサービスプロバイダーと共有し、AIサービスプロバイダーはコンテンツモデレーションを目的としてお客さまのプロンプトと生成された出力にアクセスします。お客様のプロンプトはお客様に帰属します。本ツールを使用することにより、AIサービスプロバイダーのポリシーを遵守することに同意したものとみなされます。

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

  • 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音声]ドロップダウンメニューをクリックし、音声を1つ選択します。 
  • [生成]をクリックします。ナレーションのプレビューが可能になると、オーディオプレーヤーが表示されます。 

edit-post-narration

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