*

大好きなガジェット、ゲーム、写真、映画、ブログ運営などの情報をお届けする、くねおのライフログブログ

アイコン画像をApp StoreへのリンクにしてiPhoneアプリを紹介する方法

      2015/10/09

以前にパズドラや、通信速度測定アプリのSpeedSpotの事を書いていた時、
アプリアイコンをリンクボタンにして直接App Storeのアプリダウンロード画面まで飛べる方法がないか探していました。
方法を見つけたので、備忘録として記す。

 

iTunes Link Maker

Apple公式にこんなものがあるとは知らなかった・・・。

iTunes Link Maker

20150726_itunes_link_maker01

ここで検索フォームにアプリ名を入力して探して、コードを取得し、自分のサイトに貼ればリンクを作成することができる。

 

リンクボタンの作成手順

まず、日本のアプリを探す場合は、Store Countryを”Japan”にする。

20150726_itunes_link_maker02

 

Media Typeを”iOS Apps”にする。

20150726_itunes_link_maker03

 

検索フォームでアプリを探す。
パズドラなら一発で出てきます。

20150726_itunes_link_maker04

 

アプリ(パズドラ)をクリックして次のページを表示させます。
ページ下にそれぞれ”Badge”、”Text Link”、”Small Badge”ボタンがあり、
クリックすると、Embed Codeが表示されます。
このコードを自サイトに貼りつければ、App Storeのアプリダウンロード画面へリンクとなります。


20150726_itunes_link_maker05

 

 

実際に以下にコードを貼りつけてみました。表示例です。

Badge

 

Text Link
パズル&ドラゴンズ – GungHo Online Entertainment, Inc.

 

Small Badge

 

注意:”Badge”と”Small Badge”はエディタの切り替えで消えてしまう

WordPressのテキストエディタにコードを貼って下書き保存したり、ビジュアルエディタにすると表示出来ない事があります。解決策としては、記事を書きあげて最後にコードを挿入するのが良いと思います。めんどくさいですね。

 

アプリのアイコンをリンクにして紹介したいんや

上記の方法ではBadgeは表示出来るけどアプリアイコンをリンクボタンにして表示したいという僕の要望は叶えられません。じゃ、どうするか?

アプリのアイコン画像を引っ張ってきて、コード内のURLを使います。
ただ、このやり方、アプリがiPhone、Android両対応でないと出来ませんので注意です。

Google Playでアプリアイコンを.pngで保存する方法

まず、Google Playでアプリを探します。

Google Play

アプリのインストールページまでいき、アイコンを右クリック → “新しいタブで画像を開く”をクリックします。
*unnamed.webp

20150726_itunes_link_maker06

 

開いたタブのURLを確認します。
お尻の”-rw”を消してEnterキーを押します。

20150726_itunes_link_maker07

 

アイコンを右クリックして”名前を付けて画像を保存”をクリックします。

20150726_itunes_link_maker08

 

.pngの拡張子で画像を保存できます。

20150726_itunes_link_maker09

 

.png画像にリンクを貼る方法

WordPressの投稿、新規追加からビジュアルエディタをタブで選択して、以下のようにアイコンを挿入し、iTunes Link Makerで作成したテキストリンクを入れておきます。

20150726_itunes_link_maker10

 

そして、テキストエディタをタブで選択します。
テキストリンクにある <a href>タグのURLをアイコンの <img>タグの手前の<a href>タグのURLに上書きしてあげます。

20150726_itunes_link_maker11

 

これでパズドラのアイコンをクリックするとApp Store のアプリインストール画面までリンクで飛べるようになります。

以上、iTunes Link Makerの使い方と、アプリアイコン画像でApp Storeのアプリインストール画面にリンクさせる方法でした。

 

 - ブログ運営 ,

スポンサーリンク


1番上へ