The Master of Swift App Coding

Swiftプログラミングでのアプリ作成方法やWordPressのテクニック解説

自作アプリのApp storeリンクをバナー付きでブログに貼る方法

投稿日:

1.実現したいこと(目的)

自作アプリのApp storeリンクをバナー付きでブログに貼る
(完成イメージがこちら)

 

2.作業環境

X code Version 8.3.3
Swift version 3.1

 

3.一言アンサー(概要)

Apple公式のApp Store Marketing Guidelinesからバナー画像をダウンロードして、
リンクを設定して貼るのが一番早い

App Store Marketing Guidelines
https://developer.apple.com/app-store/marketing/guidelines/#downloadOnAppstore

Link MakerやBannar builderは、却下しました

 

4.なぜ、これをやりたいのか?(理由)

自作アプリをダウンロードして欲しいので、このブログからApp storeへのリンクを貼りたいから

 

5.やり方(コード含む)

Link Makerでも作れますので、こちらで満足できる人は、これを使いましょう

Link Maker
https://linkmaker.itunes.apple.com/ja-jp

 

(1)まず、Apple公式のApp Store Marketing Guidelinesからバナー画像をダウンロードします

App Store Marketing Guidelines
https://developer.apple.com/app-store/marketing/guidelines/#downloadOnAppstore

多言語の方をダウンロード

(2)開いて、日本語のフォルダを開きます

(3)ガイドを軽く読んで、EPSファイルをPhotshopで開きます

Photshopがない人はフリーソフトでいけるかもしれません

(4)画像サイズを設定します

開く時に設定しちゃいましょう、幅300pxでいいと思います。

(5)Webおよびデバイス用に保存します

綺麗目に仕上がるPNGにしておきましょう
ファイルサイズをなるべく小さくしましょう(サイトを軽くするため)

(6)ブログにアップします

wordpressの貼る場所によって、サイズ調整します
固定ページには大きめ、サイドバーには幅200pxでにしました

(7)リンク先URLを入力します

自分のアプリのAppstoreのURLわかりますか??
自分のアプリなのに…ググってもパッと出てこない…んですね
(しかもiOS11から、MacからiPhoneアプリの検索しづらくなりましたね)

URLはLink Makerを使って調べると早いです

Link Maker
https://linkmaker.itunes.apple.com/ja-jp

(8)おわり

 

6.補足

(1)Link Makerという手段もあります

こちら
Link Maker
https://linkmaker.itunes.apple.com/ja-jp

以下の理由で、却下しました
使いやすい人は、こちらの方がいいかもしれません
・バッジのサイズを変えるのがめんどい

(2)Bannar builderという手段もあります

こちら
Bannar builder
https://banners.itunes.apple.com/us/catalog

以下の理由で、却下しました
使いやすい人は、こちらの方がいいかもしれません
・日本以外の国のリンクを並べるのには適していない
・自分の実名が出るのが嫌

(3)バナーの使い方には細かいルールがあります

App Store Marketing Guidelinesに書いてあります
よくあるガイドラインですね、色を変えたらダメ、xxxxより後ろに並べたらダメ、などのデザインガイドラインです
ざっと目を通すのがおすすめです

 

7.参考

App Store Marketing Guidelines
https://developer.apple.com/app-store/marketing/guidelines/#downloadOnAppstore

Link Maker
https://linkmaker.itunes.apple.com/ja-jp

Bannar builder
https://banners.itunes.apple.com/us/catalog

 

Ad-336px-stinger8

Ad-336px-stinger8

-WordPress
-, , , , , , , , , ,

Copyright© The Master of Swift App Coding , 2018 All Rights Reserved.