App StoreとAndroidのアプリのリンクをブログに貼る方法

こんにちは!トラジャです。

なにかいいアプリを紹介したいとなった時に、記事内にリンクがあったら親切ですよね!

そんな時に役立つアプリリンクの作り方を紹介します!

App storeのリンク作成方法

iPhoneやiPADのアプリのリンクはここで作ることができます。

iTunes link maker

リンク先に行くとこのようなページになります。

%ef%bd%81%ef%bd%90%ef%bd%90%ef%bc%90%ef%bc%91

①このままでは、アメリカのAPPストアですので、切り替えます。

②ここでジャンルを選びます。今回はアプリなので「APP」を選びます。

%ef%bd%81%ef%bd%90%ef%bd%90%ef%bc%90%ef%bc%92

次に、リンクを作りたいアプリを検索します。

%ef%bd%81%ef%bd%90%ef%bd%90%ef%bc%903

今回は私の好きなゲームで検索してみました。ここをクリックし、個別のページへ行きます。

%ef%bd%81%ef%bd%90%ef%bd%90%ef%bc%90%ef%bc%94

③バッヂ、テキストリンク、スモールバッヂから選択すると、④にコードが生成されます。

出来たものは、テキストエディターに貼り付けます。

するとこのように表示されます。(テキストリンク)

オルタンシア・サーガ -蒼の騎士団- 【戦記RPG】 – SEGA CORPORATION

実は、バッヂのコードを生成しましたが、うまく表示されませんでした。

☟下のコードです。これをテキストエディタに貼り付けると消えてしまうのです。

<a href=”https://itunes.apple.com/jp/app/orutanshia-saga-cangno-qi/id969936575?mt=8″ style=”display:inline-block;overflow:hidden;background:url(https://linkmaker.itunes.apple.com/images/badges/ja-jp/badge_appstore-lrg.svg) no-repeat;width:165px;height:40px;”></a>

理由はわかりません( ;∀;)

もしも解決したらお知らせしますね!

※追記です!!テキストエディタにこのAPPのコードを貼った後、ビジュアルエディタとの切り替えをすると消える現象なんだそうです。
対策は、エディタの切り替えをしないこと、もしくは公開ボタンを押す直前に貼り付ける事。
因みに、一度公開した後、ちゃんと表示されているからと、編集すると、エディタの切り替えをした瞬間にまた消えます(;^ω^)

☟このやり方でやると、この通りちゃんと表示されますよ(^▽^)/

⑤ですが・・・コードの生成がうまくいかなかった場合は、ここをコピーして、自分でリンクを張ってもいいですよ。

☟こんな風になります。
トラジャオススメのゲームオルタンシアサーガ(^▽^)/

Androidのリンク(google Play)作成方法

Androidのリンクというのは、つまり、Google Playのリンクということです。

Google Play badge page

☟このリンクへ行くと次のようなページになります。

ggp1

☟下の方へスクロールしていくとこの部分にたどり着きます。

ggp1-1

ここでいったんGoogle Playのページに行き、検索からアプリを表示させます。

☟オルタンシアサーガで検索しました。

ggp2

☝上部のアドレスバーのアドレスをコピーします。

☟そして先ほどのページに戻り…

ggp3

①ここをjapaneseにします。

②この部分に先ほどコピーしたアドレスを貼ります。

③ここにコードが生成されます。次はここをコピーします。

☟コピーしたコードテキストエディタにはりつけます・・・。

Google Play で手に入れよう

↑できました・・・て、でかっ!!!
Google Play で手に入れよう

小さくしました。ここの設定はできんのか(;^ω^)

とりあえず、バッヂの設置完了です!!

因みに、先ほど、GooglePlayでコピーしたアドレスを直接リンクすることもできます。

トラジャオススメのゲームオルタンシアサーガ(^▽^)/

↑Appの場合と表示はおんなじですね。

まとめ

いかがでしたか?

困っている人の助けになれば幸いです♡

トラジャでした(´∀`*)