【10秒でできる】WordPressにアプリリンク（iOS＆Android）を貼る方法

記事内に商品プロモーションが含まれる場合がございます。本サイトはステマ規制への対応をしてます。

今回はアプリリンクを作る方法を紹介していきます。アプリリンクは視覚的にもわかりやすいのでテキストリンクで表示するよりも圧倒的にクリック率が上がりますよ。

本記事のもくじ

この記事を書いた人

滝田裕雅

ゆうがブログ運営者・ブロガー

「正しい知識を正しく届ける。」を理念にサイトを運営しています。その分野の専門家の記事や論文、私の実体験をもとに情報に誤りのない記事を作成しています。プロフィールの詳細＆記事編集ポリシーはこちら

アプリリンクとは？

アプリリンクを説明すると、先程の完成イメージのように「アプリ画像・App StoreやGoogle Playのダウンロードリンク」がキレイに並んでいるリンクカードのことです。

普通のテキストリンクで表示するよりも、視覚的にわかりやすいためクリック率も高いのが特徴です。

結論は、アプリーチというサイトでアプリリンクを作成することでブログに貼ることができます。

アプリーチとは、iOSとAndroidのアプリリンクが簡単に作れるサイトで多くのブロガーさん達に愛用されています。

自分が紹介したいアプリを検索して、HTMLを貼れば一瞬でアプリリンクが作れるという便利すぎなサイトです。またアフィリエイトリンクを引っ張れば収益も得ることができて、かなり最強なサイトです。

それでは、アプリーチの使い方を図解を用いて解説していきます。

アプリーチでアプリリンクを作成するには、下記の3STEPでできます。

アプリーチへアクセスして、パーツを作っていきます。

まずは自分がブログに貼りたいアプリを検索してください。

たとえば「instagram」のアイコンを作りたい場合はそのまま「instagram」と入力してください。

そして、下にスクロースすると「出力イメージを確認しましょう」とでてくるので、下記の画像のように設定をしてください。

つづいて、アプリリンクのデザインのコードを貼り付けていきます。

下の方にスクロールすると「こちらのCSS」とあるのでクリックして、コードを表示させてコピーしてください。

画像のように、CSSがでてくるのでこちらをコピーしてください。

そしたらつぎに、WordPressへいき「外観→カスタマイズ」を選択して、追加CSSに先程のコードを貼り付けます。

これでアプリリンクのデザインは完了です。

では最後にブログにアプリリンクのコードを貼っていきます。

アプリーチに戻って、下にある「新コード」をコピーしてください。

そしたらWordPressの投稿画面にいき、コピーしたコードをアプリリンクを表示したいところに貼ってください。

お疲れさまでした！これにて、アプリリンクの実装が完了しました。
もっと貼りたい場合は、「アプリの検索⇨新コードのコピー⇨WordPressに貼り付け」を繰り返せばOKです。マジで10秒でできますよ。