【激熱】DMMプレミアム新規登録&2ヶ月継続でDMMポイント3,000ptプレゼントキャンペーン

AWAの楽曲やアーティストなどをブログ、WEBサイト上に埋め込む方法【iOS・Android・PC対応】

AWA内にある音楽やアーティスト、プレイリストなどがWEBサイト内に埋め込めるようになったぞー


最終更新 [2017年2月3日]

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


キーワード:Android, iPad, iPhone, Mac, Windows, コード, 埋め込み,

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


AWA内の音楽をブログやWEBサイトに埋め込む方法です。

8,000万曲以上の音楽が聴き放題【AWA】

音楽ストリーミングサービス「AWA」がサービス内で配信している楽曲などをブログやWEBサイト上に埋め込むことができる「埋め込みプレイヤー」の提供を開始しました。

2017年2月2日(木)より、AWAは「埋め込みプレイヤー」の提供を開始いたしました。

このたび、提供を開始する「埋め込みプレイヤー」は、AWAで配信されている音源の“埋め込みコード”を任意のWEBページに貼ることで、ホームページやブログなどに音楽プレイヤーを表示させることができる新機能です。“埋め込みコード”は、楽曲、アルバム、アーティスト、プレイリストに対応しており、表示させたいコンテンツを選ぶことができます。ホームページやブログの閲覧者は、AWAをダウンロードすることなく、そのページ上で30秒の試聴が可能となります。

via:AWA

今回提供された埋め込みコードは楽曲、アルバム、アーティスト、プレイリストに対応しており、AWA上からコードを取得して貼り付けることでブログやWEBサイト上でAWAの音楽を30秒間再生することができます。

ということで早速使わせてもらいました。
AWA上の音楽をブログやWEBサイト上に埋め込んで音楽を再生する方法を紹介します。
※AWAアプリやWEB版が使えれば、無料版を使っているユーザーでも使うことができます。


【AWA】配信されている楽曲などをブログやWEBサイト上に埋め込んで再生するできる「埋め込みプレイヤー」の使い方

アプリからもコードが取得できる。まずはアプリのアップデートを

アプリアイコン

AWA – 音楽ストリーミングサービス
価格: 無料
カテゴリ: ミュージック


App StoreGoogle Play

提供が開始されたAWAの埋め込みプレイヤーは、PC・iOS・Androidアプリすべてからコードの取得ができます。
iOS版の場合、バージョン1.3.5以降で対応しているのでアップデートしておきましょう。

またPC版の人もアプリが必要です。
Windows・Macともに配信されています。
PC版の人は↓からダウンロードをどうぞ(OSは自動で認識してくれます)
https://awa.fm/download

実際に埋め込んでみた。こんな感じ↓

AWAのCMでお馴染みのANARCHY & DJ IZOH

実際にAWAからコードを取得して埋め込んだら↑のようになります。
この例は、AWAのCMでお馴染みの『楽曲』を埋め込んだものです。
iframeでコードが取得できます。
埋め込み方法は、Youtube動画を埋め込むのと基本的に同じです。

無料版のユーザーでも埋め込みプレイヤーは使える

この埋め込みプレイヤーは特にユーザーは制限されていないようで、無料版AWAを使っているアカウント(課金してない人)でも普通に使えました。
楽曲やアーティストなどを紹介したいという人にはかなりいいのではないでしょうか。

PC(Windows・Mac)アプリからコードを取得する方法

PC版のアプリを起動します。
埋め込みたい楽曲やアーティストなど表示させて右クリックします。

メニューが表示されるので「この〇〇をシェア > 埋め込みコードをコピー」をクリックします。
これでiframeのコードがクリップボードにコピーされるのでブログやWEBサイトに貼り付ければ完了です。


iOSアプリからコードを取得する方法

埋め込みたい楽曲やアーティストのページを表示します。

右下のメニューボタンをタップします。


メニューが表示されます。

「この曲をシェア」をタップします。


「上記以外でシェア」をタップします。


iOSのメニューが表示されます。
「埋め込みコードをコピー」をタップします。


画面の中央にチェックマークと「Copied」と表示されればコピー完了となります。


Androidアプリからコードを取得する方法

埋め込みたい楽曲やアーティストのページを表示します。

右下のメニューボタンをタップします。


メニューが表示されます。

「この曲をシェア」をタップします。


「埋め込みコードをコピー」をタップします。


画面の中央にチェックマークと「Copied」と表示されればコピー完了となります。


音楽紹介のWEBページなどには最適なAWA「埋め込みプレイヤー」

Youtube同様、ブログやWEBサイト上に音楽が埋め込めるようになったAWA
また楽曲だけでなくプレイリストやアーティスト、アルバムの埋め込みもできちゃいます。

自分の好きな音楽やアーティストをブログなどで紹介するときは、楽曲豊富なAWAを使ってみるのもアリなのではないでしょうか。


リンク:8,000万曲以上の音楽が聴き放題【AWA】

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



このAWAの楽曲やアーティストなどをブログ、WEBサイト上に埋め込む方法【iOS・Android・PC対応】の最終更新日は2017年2月3日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【毎日5%~7%還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ

キャンペーン

Yahoo!ショッピングで毎日5%還元となるキャンペーンが開催!プレミアム会員などは常時7%還元も。対象となる買い物の条件などまとめ

Amazonで『ギフトカード大還元祭』開催!対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる&回数上限なし

キャンペーン

Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催!期間は6月7日(金)まで

【招待コードあり】エアウォレットの友だち招待キャンペーンで500円分のCOIN+残高をゲットする方法 – 適用条件や招待コードの発行/確認手順など

キャンペーン

AirWALLETを始めるなら友だち招待キャンペーンで招待コード(紹介コード)を入力しての利用開始がおトク!2025年3月28日まで500円分の現金がもらえる。

Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える

ショッピング

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!

ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!

キャンペーン

ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる!


開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

楽天モバイルが「arrows We2」を一括1円で販売

ニュース

2025年4月25日より、楽天モバイルがarrows We2を1円で販売するキャンペーンをスタート!条件は他社からの乗り換え(MNP)。

【ワイモバイル】もう1回線申し込みキャンペーンまとめ – 15,000円分ポイント還元やiPhone 13やSEが大幅割引、moto g64yが一括1円など限定特典あり

キャンペーン

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえたり、iPhoneが安く買える!

【GWセールで2ヵ月無料!!】Kindle Unlimitedにおトクに登録できるキャンペーンまとめ – 対象者限定のおトクな特典を確認!

キャンペーン

Amazonの読み放題サービス「Kindle Unlimited」のキャンペーンをまとめています。5月6日までゴールデンウィークキャンペーンで2ヵ月無料!!

【LINE】無料スタンプ&隠しスタンプまとめ(2025年4月25日更新)ダウンロード方法&取得条件

LINE

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など

【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 進化したポイントも解説。体験イベント開催!!

ゲーム

ついに待望の「Nintendo Switch 2」の詳細が発表!予約・発売日・価格は?一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【実質30,405円】「AirPods Pro」をおトクに購入する方法 – 予約開始日や発売日、価格、第1世代/第2世代のスペックの違い・比較、販売店などまとめ

USB-C充電機能を搭載した新モデル「AirPods Pro(第2世代)」が2023年9月22日に発売!価格は39,800円(税込)。第1世代と第2世代の違い・比較も


【LINE】トークの写真、画像内の文字を読み取ってテキスト化する方法 – 写真の中の文字をメッセージに変換。翻訳もできる!OCRアプリとして使えちゃう

これは便利!スクリーンショット画像の文字をLINEに読み取ってもらってそのままメッセージとしてトークに送信したり翻訳したりできちゃう!


【Android】スマホのバッテリー消費を抑えて電池持ちをアップさせる方法まとめ – Pixelのバッテリーが悪いのでいろいろ設定してみた

Pixel 4のバッテリー持ちが悪すぎるのでAndroid全般の電池消費を節約する設定をガッツリ行ってみた


Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


【Android】モバイルPASMOの発行方法&注意点 – ついにおサイフケータイに対応。定期券も買える。Suicaと共存できる?

やっとモバイルPASMOが使えるようになった!定期券も発行できる。モバイルSuicaとの同時発行もできるけど注意が必要



注目の記事をぜんぶ見る


最新記事&ニュース

楽天モバイルが「arrows We2」を一括1円で販売

2025年4月25日より、楽天モバイルがarrows We2を1円で販売するキャンペーンをスタート!条件は他社からの乗り換え(MNP)。


【ワイモバイル】もう1回線申し込みキャンペーンまとめ – 15,000円分ポイント還元やiPhone 13やSEが大幅割引、moto g64yが一括1円など限定特典あり

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえたり、iPhoneが安く買える!


【GWセールで2ヵ月無料!!】Kindle Unlimitedにおトクに登録できるキャンペーンまとめ – 対象者限定のおトクな特典を確認!

Amazonの読み放題サービス「Kindle Unlimited」のキャンペーンをまとめています。5月6日までゴールデンウィークキャンペーンで2ヵ月無料!!


【LINE】無料スタンプ&隠しスタンプまとめ(2025年4月25日更新)ダウンロード方法&取得条件

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など


【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 進化したポイントも解説。体験イベント開催!!

ついに待望の「Nintendo Switch 2」の詳細が発表!予約・発売日・価格は?一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。



最新記事をもっとチェック


usedoorをフォロー


現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など

Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう


【裏技?】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された

ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる!直接ahamoで契約するよりもかなりおトクに


【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!


【GUで全額還元!!】ペイペイジャンボとは?開催中のキャンペーン、還元条件、対象ショップまとめ – 当たらない?当選の確認手順や本人確認などの参加条件など

最大1,000%還元や全額還元などが当たる「ペイペイジャンボ」開催!対象となる条件や特典をまとめました。楽しいしおトク。だけどなかなか当たらない…



開催中のキャンペーンをぜんぶ見る