アプリのリンクをブログに置く方法

ブログ内でおすすめアプリを紹介するときに、便利なのが下のようなバッジタイプのリンクです。この記事ではバッジタイプリンクの貼り方について記載しています。

※上のリンクはTwitterアプリへのリンクです。

※もっとお手軽な方法として、「アプリーチ」というサービスがあります。無料プランではアプリの紹介部分にアプリーチへのリンクが入りますが、それでもOKという方はこちらからアクセスできます！

リンクの取得

まずはAppStoreとGooglePlayのリンクを取得しましょう。

iOSのアプリリンクは「Link Maker」を使います。

使い方は簡単で国を日本、メディアタイプをAppにして探しているアプリの名前を入れるだけです。あとは紹介したいアプリがアイコンで表示されると思うのでそれをクリックします。

クリック後は埋め込みコードが発行されるので、コードをWordPressの場合は「カスタムHTML」のブロックに貼り付けます。

GooglePlayの場合は先にアプリのリンクを検索しておきます。検索はこちらの「GooglePlay」のページで行います。

アプリを検索で見つけたら、URLをコピーします。

コピーしたURLを以下のサイトで使います。

URLをPlayストアURLの部分に貼り付けると自動でHTMLが出力されます。これをコピーしてカスタムHTMLブロックで使います。

カスタムHTMLにそのまま貼り付けを行うと、大きすぎて整った表示になりません。試しに以下のように先ほどのリンクを並べて見るとかなり大きな表示がされることになると思います。

そこで少しだけサイズ調整を行います。基本的には以下の部分にサイズ調整を追加するだけです！

// コピー用 AppStore
margin:10px;

// コピー用 GooglePlay
width="153"

以下のようなリンクがプレビューで確認できるようになると思います。

またいくつか表示調整の例を載せておきます。

<div align="center">

//ここにコードを並べると中心配置になる

</div>

<div align="center">

//ここにコードを一つ並べて

<br>

//さらに、ここに並べると縦に並ぶ

</div>

おすすめのアプリなどがあった場合、色々と紹介を書きたくなりますよね。ぜひリンクも一緒に載せて、アプリ仲間を増やせるような記事にしましょう！