YOLOCOBI BLOG

一度きりの人生、好きなことをして楽しく生きるためのブログ

【はてなブログ】iPhone アプリ、音楽のリンク付きバナーの作り方

f:id:YOLO-co-bi:20200112003604j:plain

 

はてなブログで、以下のような感じでiPhone アプリや音楽を紹介したい方へ。

iPhone アプリのリンク付きバナーの作り方とはてなブログでの貼り方を紹介します。

 

 (今回は、iPad人気イラスト制作アプリのProcreateを例に作成してみます)

 

 

はてなブログiTunes アフィリエイトトーク

 

最初に。iTunes アフィリエイトトークン登録すれば、ブログで紹介したiTunesミュージック、iPhone/iPadアプリからもアフィリエイト収入が得られるようになります。

 

iTunesアフィリエイトの料率は7%と少額ですが、使用できると題材の幅は広げられるようになると思います。

 

iTunesアフィリエイトトークンプログラムの登録はこちら↓

https://appleservices-console.partnerize.com/login/appleservices/jp

 

 

トークン番号を取得できたら、はてなブログ管理画面のアカウント設定で登録するのを忘れないように行なって下さいね。

 

 

はてなブログの管理画面(例)

f:id:YOLO-co-bi:20200112114051p:plain

 

 

 

AppStoreアプリへのバナーリンク

 

まず、AppStoreアプリのバナーリンクを貼るには、公式Appleが提供しているiTunesの「Banner Builder」が便利です。

 https://banners.itunes.apple.com/jp/catalog 

 

f:id:YOLO-co-bi:20200112005018p:plain

 

1)検索キーワードへアプリを入力

2)メディアタイプ より iOS App を選択

3)検索ボタンを押す

f:id:YOLO-co-bi:20200112005424p:plain

 

↓以下のようにリストが出てきます。Procreateを選択。

 

f:id:YOLO-co-bi:20200112005801p:plain

 

すると、バナーリンクが出てきます。

お好みサイズ、スタイルを選び、HTMLリンクをコピーしていきます。

(トップページのバナーは300x250サイズです)

f:id:YOLO-co-bi:20200112010201p:plain

 

バナーの種類は以下の種類があります。

 

黒背景 180x150 サイズバナー 

f:id:YOLO-co-bi:20200112010612p:plain

 

黒背景 728x90 サイズバナー

f:id:YOLO-co-bi:20200112010407p:plain


ただ、横長バナーとしてオススメは、スマホ対応の300x50、320x50がいいでしょう。
 

黒背景 300x50 サイズバナー

f:id:YOLO-co-bi:20200112010942p:plain

 

白い背景だとこんな感じです。 300x250サイズバナー

 

f:id:YOLO-co-bi:20200112011213p:plain

 

はてなブログへのHTMLリンク貼り付け

 やり方は非常に簡単ですが、一部注意が必要ですので解説しておきます。

 

1)編集モードをHTML編集へ切り替えます。

2)自分が掲載したい余白部分(<p></p>)を選び、

 <p></p>の間に先ほどコピーしたリンクを貼り付けます。

 

f:id:YOLO-co-bi:20200112012015p:plain

 

再び編集モードへ戻すと、バナーが現れてきます。  

 

 

注意!黒背景以外のバナーの場合

 

注意して欲しいのは、白背景、スマートカラー、くすんだカラーのバナーの際です。

 

これらを選択してHTML貼り付けした場合、編集画面ではバナーが現れてきません。

公開した場合で見ることができますが、編集時にはプレビュー画面でしか確認することができませんので、プレビューで位置を確認してください。

 

ですので、編集時に使いやすい黒背景の方が一番いいですね。

(※HTMLで調整しても、プレビューで位置がうまく調整できないようです)

 

ちなみに、MUSICでも、操作方法は同様です。

 

 

例:スマートカラー 300X250サイズバナー

 

 例:くすんだカラー 300X250サイズバナー

 

 

ぜひ試してみてくださいね〜

 

(もし良かったら「いいね!」を押してもらえると嬉しいです♪ )