ウェブ当ブログは2017年7月、はてなブログからWordPressに移転しました。そのさい、記事に貼り付けていたiTunesアフィリエイトコードを全削除。これは、2017年時点でまだiTunesアフィリエイトリンクがSSL化に対応していなかったためです。SSL非対応のiTunesアフィリエイトリンクを貼った記事はすべて「混在コンテンツ」とみなされる。これではサイト全体をSSL化できないので、iTunesアフィリエイトリンクは全てカエレバリンクに変更しました。iTunesアフィリエイトリンクが随分前にSSL化対応したというので、先日当ブログに再度導入し、操作性・スマホデザインなどを確認してみました。今回はこの「iTunesアフィリエイトリンクをWordPress記事に貼り付ける方法」をご紹介。LINK1、iTunesアフィリエイトリンクを作るまず最初に、iTunesアフィリエイトのリンクコードを生成します。iTunesアフィリエイト公式サイトを開き、アカウント名とパスワードでログイン。▼iTunesアフィリエイトプログラムhttps://itunes.phgconsole.performancehorizon.com/login/itunes/jp「オーバービュー」画面が表示されたら、上部メニューバーにある「ツール」を選択。Toolbox」をクリック。Musicマーケティングツールのページに移ります。検索窓の下にあるボタンを「米国」から「日本」に変え、アフィリエイトコードを生成したい楽曲名を入れてEnter。end」という曲のコードを作ってみたいと思います。曲名を入れて検索すると「ソング」の項に楽曲が表示されるので、その中の1つを選択すれば楽曲ストリーミングプレイヤーのプレビュー画面に切り替わります。楽曲ストリーミングプレイヤー、デフォルトではサイズが高さ150px、横幅660pxになっていますが、これは可変なので特に変更する必要なし。レスポンシブデザイン対応のテンプレートを使用していれば、ユーザーのデバイスに合わせたサイズに自動調整されます。CSSでのスタイリングなども特に必要ありません。「楽曲プレビュープレイヤーの背景色が薄くて見にくいな~」という場合は、CSSに以下id名を追加し、好きなカラーコードを指定してください。#fdfdfd;}このプレビュー画面下にある「埋め込みコード」のコードをコピー。Storeの楽曲プレビュープレイヤーの埋め込みが完了です。デバイスごとの見え方iTunesアフィリエイトリンク(楽曲プレビュープレイヤー)を貼った記事を、パソコンとスマホで見比べてみましょう。