便利なスマホアプリをブログで紹介したくなったら、App StoreやGoogle Playのリンクを一緒に掲載してあげると親切です。
ここではリンクを作成してくれるアプリーチの使い方について説明します。
アプリーチって何?
アプリーチはアプリのApp StoreやGoogle Playへのリンクをかんたんかつキレイに作成してくれるものです。
こんなリンクがかんたんに作れます。
通常、App StoreやGoogle Playへのリンクは次のような形式です。
- App Storeへのリンク
-
http://apps.apple.com/<国>/app/<アプリ名>/id<ストア ID>
- Google Playへのリンク
-
https://play.google.com/store/apps/details?id=<パッケージ名>
このリンクを使うにはパッケージ名を調べる必要があることや、アイコンなどを別途用意しなければならないので手間がかかってしまいます。
アプリーチでは、ストアでアプリを探すようなイメージでリンクを作成できるため非常に便利です。
またリンクをアフィリエイト向けに置き換えることもかんたんにできます。
アプリーチで作成できるリンクの種類
アプリーチでは作成するリンクを次の2種類から選択できます。
- 旧コード形式
- 新コード形式
それぞれ次のような特徴があります。
旧コード形式
作成したコードだけで完結するので、コードをそのままブログのカスタムHTMLブロックに貼り付けるだけでリンクを掲載できます。
一方で、属性はstyleを使って指定されているので、複数リンクを掲載している場合はカスタマイズするのに手間がかかってしまいます。
![Instagram](https://is4-ssl.mzstatic.com/image/thumb/Purple112/v4/30/5d/d8/305dd823-99ee-e26e-a6b2-94a187055b15/source/512x512bb.jpg)
新コード形式
外観の属性をCSSに外出しにしてあるのが新コード形式。
最初に追加CSSを設定する必要がありますが、カスタマイズしてリンクの外観を変更しやすいため、こちらの利用をオススメします。
アプリーチの使い方
アプリーチでリンクを作成する方法について説明します。
ここでは次の環境でリンクを作成していきます。
- 新コード形式
- WordPress
- SWELL
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/C2FD42D1-B538-46E5-A6B1-2C72DFA83CA2-300x225.jpeg)
リンク作成は、アプリーチのサイトでアプリを検索してコードを作成、WordPressのカスタムHTMLブロックに貼り付けるだけで完了です。
具体的には次のとおり。
新コード形式では追加のCSSをWordPressに設定しておく必要があります。
CSSは一度設定してしまえば次からは行う必要はありません。
CSSはアプリーチ公式ページ に掲載されているものをコピーして貼り付けるだけです。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/BB89A4D3-94EA-4837-BCAB-C0DAB10D2CE4.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/395415CE-B531-45E4-87AA-2C58B645678F.jpeg)
コピーしたCSSをSWELLに設定するには、WordPressのメニューから追加CSSを開きます。
外観 → カスタマイズ → 追加CSS
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/48107BEC-DB47-4731-AB39-47DDD1E504B9.jpeg)
すでにほかのCSSを設定している場合は上書いてしまわないように注意しましょう。
紹介したいアプリのリンクをアプリーチ公式ページ から取得していきます。
まずは紹介したいアプリを検索します。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/17EE5B5E-2F16-4333-8AF8-F39828592B39.jpeg)
例としてInstagramを検索してみました。
検索結果がiPhoneアプリ、Androidアプリそれぞれ正しく表示されることを確認します。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/C7E93055-3949-49BC-B7CE-E0731DA381F0.jpeg)
検索結果の少し下にいくと、表示したい情報を選択する部分があります。
選択を変更すると動的にイメージが変わるので、確認しながら出力イメージを決めていきます。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/E7E9E7A2-49AF-425A-85A5-235424A8EB14.jpeg)
アプリのアフィリエイトを利用している場合はリンクのURLを変更しましょう。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/E7173CF7-841B-421C-860B-12DA422C10E7.jpeg)
自然な形でアフィリエイトのリンクを掲載することができるので成果アップにつながります。
スマホアプリのアフィリエイトの扱いがあるASP例
※アフィリエイトを利用していない場合は空欄のままにします。
生成されたコードをコピーしておきます。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/03/FA2AEC83-0162-40DC-B6C4-A6AD11CF3B44.jpeg)
ここまででアプリーチのページでの作業は終わりです。
WordPress側の作業となります。
記事にカスタムHTMLブロックを追加して、コピーしておいたアプリーチのコードを貼り付けるだけで記事にアプリのリンクを作成することができます。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/01/67D0CA36-07B7-42F4-85D5-C82D20333FB2-150x150.png)
らくちん
まとめ
WordPressにかんたんにアプリのリンクを掲載できるアプリーチを紹介しました。
無料で使用する場合は「posted with アプリーチ」が表示されますが、気にならないくらい小さいので問題なし。
どうしても気になる場合はプレミアムプランも用意されているので利用を検討してみると良いでしょう。
ただ、アプリーチのサービスは利用規約にもあるとおり、外部APIを使って実装されているため、そのサービスが停止されたり仕様変更したりすると、利用できなくなる恐れもあります。
基本的にはそういったことはそうそう無いとは思いますが、リスクとして頭に入れておいた方が良いでしょう。
コメント