【無料】はてなブログに音声を埋め込む方法|Google Drive経由でMP3を記事に貼り付けるには?
2026年4月19日

はてなブログにMP3の音声ファイルを貼り付けたいけど、どうしたらいいの?
そんな疑問を持っている方は多いはず。
はてなブログはMP3ファイルをブログに直接アップロードする機能がないので、Google DriveなどにMP3をアップロードしてから、共有リンクを記事に埋め込む方法を使います。
この記事では、Google Drive経由ではてなブログにMP3の音声ファイルを埋め込む手順を画像付きで解説します。
ブログに埋め込むMP3音声を作成できるおすすめサイト

はてなブログに貼り付けるMP3ファイルを作成するなら、AI音声読み上げサービス『音読さん』がおすすめ!
無料でブログ記事を音声化してMP3ファイルにすることができますよ。
まずはあなたも無料で音読さんを使ってみませんか?
はてなブログに音声ファイル(MP3)を埋め込む手順を解説

はてなブログはMP3ファイルをブログに直接アップロードできないので、Google Driveなど外部のサービスにファイルをアップロードしてから、その共有リンクを記事に埋め込む必要があります。
ここではGoogle Drive経由ではてなブログに音声ファイルを埋め込む手順を、画像付きで1つずつ解説します。
1. MP3ファイルをGoogle Driveにアップロードする
はてなブログに音声を貼り付ける場合、あらかじめGoogle DriveなどにMP3ファイルをアップロードしておく必要があります。

2. 共有設定を「リンクを知っている全員」に変更する
Google Driveにファイルをアップロードしたら「共有」から「リンクを知っている全員」が「閲覧者」としてアクセスできるようにします。

3. 埋め込みリンクを取得する
つぎに、アップロードしたMP3ファイルをダブルクリックして、再生画面を開きます。

この画面で右上の「…」をクリックしてメニューを開きます。
メニューから「新しいタブで開く」を選びます。

新しいタブで、MP3ファイルの詳細のページが開きます。

このページの左上のメニューから「ファイル → 共有 → 埋め込みリンクを取得」をクリックします。

すると、このように埋め込みリンク(HTMLソース)が表示されます。

埋め込みリンクの例:
<iframe src="(ファイルへのリンクURL)" width="640" height="480"></iframe>
このとき「width="640" height="480"」を削除して、
<iframe src="(ファイルへのリンクURL)"></iframe>
のようにすると、はてなブログに貼り付けたときに見やすくなります。
4. はてなブログのHTML編集モードに貼り付ける
MP3ファイルの埋め込みリンクを取得したら、はてなブログに貼り付けます。
はてなブログの編集ページを「HTML編集」モードに切り替えて、オーディオ再生タグを貼り付ければOKです。

記事を投稿(更新)します。
このように、はてなブログに音声化したMP3ファイルを埋め込むことができました。

ブログの内容を音声化する方法 関連記事
ブログをよりたくさんの人に見てもらうなら、記事を音声化して埋め込むのがおすすめ。
こちらの記事でブログ音声化方法を解説しているので、ぜひご覧ください。
はてなブログに音声ファイルを埋め込む方法 まとめ
今回は、はてなブログに音声ファイル(MP3)を埋め込む方法を解説しました。
ブログに埋め込む音声ファイル(MP3)を作りたいときは、AI音声読み上げサービス『音読さん』を使って、無料でブログ記事をMP3に変換するのがおすすめ!
あなたもはてなブログの内容を音声化してみませんか?
■ AI音声合成ソフト『音読さん』
『音読さん』は初期費用ゼロで利用できるオンラインテキスト読み上げツールです。
- 日本語、英語、中国語、韓国語、スペイン語、フランス語、ドイツ語など約50の言語に対応
- パソコン・スマホどちらからも利用可能
- ビジネス・教育・エンターテインメントなどの用途に対応
- インストール不要でブラウザから即利用可能
- 画像からの読み上げにも対応
利用方法はサイトからテキストを入力するかファイルをアップロードするだけ。 数秒で自然な音声ファイルが生成されます。 5,000文字までの音声合成なら無料で利用できますので、まずは一度お試しください。
Email: ondoku3.com@gmail.com
