アプリーチの使い方って?ブログでアプリを簡単に紹介できる便利ツール

今回はブログでアプリを紹介したいときにめちゃくちゃ便利な、「アプリーチ」という無料サービスをご紹介します。

 

なんやその胡散臭いサイトは

チキさん
いやいやとんでもないっ!

 

実は結構いろんな方がいろんなブログでこのアプリーチを使ってアプリを紹介されていて、先日私も初めて利用させて頂いたのですが、アプリーチは使い方もとても簡単で一発でおしゃれなアプリのリンクを作れる神ツール!

 

こんな感じのアプリ紹介リンクを見たことはありませんか?

ファイナルギア

ファイナルギア

BILIBILI CO.,LTD.無料posted withアプリーチ

 

シンプルといえばシンプルなリンクですが、いざ自力でこれを作れ!って言われたら結構大変ですよね?

 

ですがアプリーチを使えばこんなおしゃれなアプリの紹介が簡単にできるうえに、アプリ価格や開発元といった情報の表示・非表示も自由自在!

 

チキさん
それではサクッと使い方をご説明していきます

 

最新SEO対策済み!迷ったらこれでOKの全部入りワードプレステーマ

レビュー記事はコチラ

 

スポンサーリンク

アプリーチの使い方

まずは下記アプリーチのサイトにアクセス。

 

参考リンクアプリーチ(公式サイト)

 

そして紹介したいアプリ名で検索。
アプリーチの使い方①

 

複数の候補から自分で選びたい場合は複数検索を押すと一覧が表示されます。
今回は例としてこのポケモンGOのリンクを作ってみましょう。
アプリーチの使い方②

 iPhoneとAndroidで違うアプリを選んでしまうと同じアイコンなのに別々のアプリに飛んでしまうので、基本的には同じアプリを選ぶようにしましょう。

 

あとは各種表示をお好みで選択するだけなのですが
アプリーチの使い方③

 

今回のようにアプリ名が英語のアプリの場合、ちょっと分かりづらいなと感じるときはこのように検索ワードを「ポケモンGO」として、それをリンクの表示名にすることも可能なのでぜひ使い分けてみてください。
アプリーチの使い方④

 

さらに下にスクロールしていくと各種ASP用の設定がありますが、とくに必要ない場合はすっ飛ばして大丈夫です。
(私も利用していません。)

 

そして最後にリンクのコードをコピーして、ブログ記事の投稿画面に張り付けて完了です。
アプリーチの使い方➄

 

おいちょっと待て

新コードと旧コードってなんや

 

チキさん
ではそれを次に見ていきましょう

 

スポンサーリンク

新コードと旧コードどっちで貼ればいいの?

先程のコードをコピーする画面で、このように新コードと旧コードを選べるようになっていますが
アプリーチの使い方⑥

 

CSSとか良くわかんない!簡単がいい!!
という場合はまずは旧コードをコピーしてそのまま投稿に張り付けてみて下さい。

 

チキさん
それで問題なく表示されれば旧コードでもOKです

 

スポンサーリンク

アプリーチのデザインが崩れる時は?

ですが旧コードでの貼り付けの場合、このブログでもなりましたが一部表示が崩れてしまう現象が発生する場合があります。
(なので私は新コードでCSSを追加して貼り付けています。)
アプリーチの使い方⑦

 

表示の崩れが許容できる範囲ならそのまま使用しても問題はないですが、どうしても気に入らなければ新コード&CSSを編集(追加)して使用する必要があります。

 

新コードの使用とCSSの追加方法

ということで旧コードでのレイアウト崩れが気になる場合や、さらにはもっとカスタマイズしたいなんて場合には新コードを使用しましょう!

 

新コードを使用する際の注意点としては、ここの「こちらのCSS」というリンクをクリックして
アプリーチの使い方⑧

 

表示されるCSSを自分のブログに追加する必要があります。
アプリーチの使い方⑨

 

チキさん
ワードプレスのCSS編集ってなんかやばそー!!

 

って私も思ってましたが、オリジナルのCSSはそのままで追加CSSというものを作成してあげれば簡単に適用できることが分かりました。

 CSSの編集・追加は自己責任で行う必要がありますが、「追加CSS」や「カスタマイズCSS」などで検索すればすぐに分かると思います。

 

CSSの変更でさらにカスタマイズ可能

そしてさらにこのCSSの内容を変更することで、アプリーチのサイト内だけでは出来ないカスタマイズも行うことができます。

 

CSSに詳しい方であればご自身で編集も可能だと思いますが、私はひつじさんが紹介してくれているデザインCSSを利用させて頂きました。

 

参考リンク【コピペで完成】アプリーチのデザインCSS配布!全7種類用意したのでお好みをどうぞ

 

ひつじさんのデザインCSSを利用する場合は、先程アプリーチのサイトでコピーしたCSSの代わりにひつじさんのCSSをまるっと貼り付ければいいだけなので、とても簡単にデザインをカスタマイズできると思います。
(アプリのコード(新コード)はそのままで大丈夫です。)

 

チキさん
7種類のデザインが紹介されているのでぜひ利用してみて下さい

 

アプリーチでブログのアプリ紹介をおしゃれに

ということで今回は、ブログでアプリを紹介したいときに便利な「アプリーチ」という無料サービスをご紹介しました。

 

自分ではなかなか難しいようなアプリの紹介リンクが直感的かつ簡単に作成できるので、私も今後バシバシと使っていきたいと思います(笑)

 

チキさん
ブログでアプリ紹介をする際はぜひ使ってみて下さい♪

 

スポンサーリンク
この記事も読まれています