今月、iTunesのアフィリエイトプログラムをブログに導入してみました。私は自分のスマホがアンドロイド端末なのであまりiTunesアフィリエイトについては積極的ではなかったんですが、モーニング娘。関連の記事を書くにあたり、やっぱり実際の音源を視聴してもらったほうが分かりやすいよなーと思ったためです。いうわけで、今回はiTunesアフィリエイトプログラムの導入方法とカスタマイズについてのお話。LINKiTunesアフィリエイトの申請方法iTunesアフィリエイトへの申し込みは、アップルのiTunesページから行なうことが出来ます。Apple(日本)申請が受理された後、ログインもこのサイトにある「申し込み」ボタンから行ないますので、ブックマークしておくと後々楽ですね。申込込みフォームに記入を行なうと、7日程度で審査結果のメールが来ます。gmailのアドレスで申請すると、フィルタリング機能が働き、iTunesアフィリエイトプログラムから届くメールが100%迷惑メールフォルダに振り分けられてしまうので、一週間経っても審査結果のメールが来ないときは迷惑メールフォルダを確認してみてください。はてなブログでiTunesアフィリエイトを使用する方法とレスポンシブ対応カスタマイズはてなブログはすでにiTunesアフィリエイトに対応していますので、審査結果メールに記載のある「アフィリエイトID」をはてなブログの設定画面に入力するだけで、リンクがすべてiTunesアフィリエイトリンクに変更されます。レスポンシブサイトにしているブログでは、iTunesのリンクを貼ると、スマホ表示にした時にバーの右半分がはみ出してしまうんですよね。リンクをレスポンシブに対応させるため、cssに以下のソースを書き足してあげましょう。video{width:95%;}これで、リンク自体の横幅とボリュームバーが自動になるので、タブレットやスマホで表示させてもディスプレイからはみ出すことはありません。このブログもそうですが、記事中の画像に外枠をつけているとiTunesアフィリエイトリンクのアートワークと、「iTunes」のアイコンにも影響します。そんな時は、iTunesアフィリエイトリンクだけ個別に装飾が外れるように、cssで個別指定をしてあげましょう。今回は黒の外枠を消したいので、以下のようなcssを追加しました。img{border:none;}これで、どの端末で見たときでもレイアウト崩れを防ぐことができます。LINKあわせて読みたい@hiroseyonaka新生モーニング娘のリーダー、譜久村聖は名将か愚将か?13期オーディションの前にやることあるだろ!急務、モーニング娘。’16ビジュアル最強化計画RankingXperiaが充電できない原因は内部コネクタの接触不良!直し方を解説おしゃれで美しいサインを作成できるWEBサービスまとめコーラックは何時間で効く?1粒から10粒までの統計結果を取りました努力を一切せず「ながら習慣」だけで指を長くする方法モーニング娘。冷蔵庫なし生活や災害時に役立つ、常温保存できる食品リストデザインの参考に!おしゃれなタブメニューを導入しているサイトまとめ【第13回】佐藤優樹と消耗していく娘。’14時代の7~9月Android端末所持のままNHKの放送受信契約を解約する方法また現メンバーが腐るぞ!カガシステム発動がモー娘。’17とハロプロに及ぼす悪影響はてなブログPROを強制非公開にされたので、WordPressに引っ越しましたイオンバイクの自転車5台を超本音レビュー!購入する際の参考にどうぞ【第1回】佐藤優樹と消耗していく娘。以前10着のアイテムで作る「シンプルなのにセンスが良い」ベーシックファッションスタイル転居届を出したのに郵便物が届かない!郵便局への問い合わせ・再配達依頼のやり方Xperiaが勝手に動く原因はタッチパネルの故障じゃなく熱暴走!自力でも直せるよモー娘。無味に飽きたらちょい足しで変化を。音楽NewMBSヤングタウン土曜日2018年6月9日書き起こし※解説つきSimplicity人気記事ウィジェットのサムネイルを長方形にする【第13回】佐藤優樹と消耗していく娘。【第12回】佐藤優樹と消耗していく娘。【第11回】佐藤優樹と消耗していく娘。【第10回】佐藤優樹と消耗していく娘。【第9回】佐藤優樹と消耗していく娘。【第8回】佐藤優樹と消耗していく娘。