スマートフォンアプリの紹介ツール「アプリーチ」なら、おしゃれなアプリリンクを簡単に作成できる!

アフィリエイト

スマートフォンのアプリを紹介する時、アプリのアイコンやApp storeやGoogle playのロゴ等が表示されていると、見栄えも良いですし、おしゃれですよね。

今回は、下記のようなスマートフォンアプリのリンクを簡単につくる事ができる、「アプリーチ」の使い方をご紹介します。

Kindle電子書籍リーダー:人気小説や無料漫画、雑誌も多数

Kindle電子書籍リーダー:人気小説や無料漫画、雑誌も多数

AMZN Mobile LLC無料posted withアプリーチ

アプリーチの使い方

それでは早速、アプリーチの使い方について解説します。下記リンクをクリックし、「アプリーチ」のサイトにアクセスして下さい。

http://mama-hack.com/app-reach/

アプリの検索

ブログパーツ作成という項目がありますので、検索窓に紹介したいアプリ名を入力し、「検索」ボタンをクリックします。

紹介したいアプリが表示されたら画面下に移動します。

左右のアプリが違うものを表示される場合

同じような名称のアプリが多い場合、検索した際に左右で違うアプリが表示される場合があります。下記のように「麻雀」で検索すると、左右で違うアプリが表示されます。

このような時は、「複数検索」をクリックします。

「麻雀」に関連するアプリが表示されますので、左右同じアプリになるよう紹介するアプリを選択して下さい。

出力イメージを選択

紹介したいアプリを選んだら、出力イメージを変更します。

  1. 表示リンク:両方のままでOKです。
  2. タイトル:iPhoneとAndroidでタイトルが変わる事がありますので、ユーザーに分かりやすいタイトルの方を選択します。
  3. アイコン画像:iPhoneとAndroidでアイコン画像のデザインが異なる場合があります。お好みの画像を選択して下さい。
  4. 開発元:表示・非表示、どちらでもOKです。
  5. 価格:iPhoneとAndroidで表示が異なる事があります。

コードの取得

出力イメージを選択したら、コードを取得します。

「コピーする」をクリックするだけでコードがコピーされますので、アプリのリンクを表示させたい場所に貼り付けるだけでアプリのリンクを設置できます。

コードの貼り付け

ページ編集画面(投稿・固定ページ共通)を開き、設置したい場所に貼り付けます。この時、ビジュアルエディタを使わず、必ず「テキストモード」に変更してから貼り付け下さい。

設置後、プレビューを確認してみましょう。

全然綺麗に表示されていませんね…レイアウトがガタガタです。

コードを貼り付けるだけではきちんと表示されませんので、CSSを追加して綺麗に表示させます。

CSSを貼り付ける

コードの上にある「こちらのCSS」をクリックして下さい。

CSSが表示されますので、「コピーする」をクリックします。

CSSの貼り付け

取得したCSSを貼り付けます。
ダッシュボード>外観>カスタマイズ を選択します。

カスタマイズメニューが表示されますので、「追加CSS」を選択します。

CSSを貼り付けたら、「公開」ボタンをクリックして保存します。

CSSが適用され、綺麗に表示されました。

 

CSSカスタマイズ

アプリーチで配布されているCSSは1種類だけなので、他に利用されている方とデザインが被ってしまうと思います。

「違うデザインに変更したい」という方は、以下のサイトでアプリーチのCSSを配布されていますので、こちらのCSSを使用されると良いです。

当サイトでも使わせて頂いています(一番上のリンクです)。

 

まとめ

以上、スマートフォンアプリをおしゃれに紹介する「アプリーチ」の使い方について解説しました。

スマートフォンアプリを紹介される時は、アプリーチを使うと綺麗に表示されるので、是非使ってみて下さい。

ちなみに、スマートフォンアプリの案件を扱っているASPを以下の記事で紹介していますので参考にして下さい。

トップへ戻る
タイトルとURLをコピーしました