← ブログパーツ作成ツール一覧に戻る

📱 アプリ紹介ブログパーツ作成

iPhone・Androidアプリを美しく紹介できるブログパーツを簡単に作成

1. アプリを探す

検索結果のアプリをクリックすると、アプリ名・アイコン・スクリーンショット・App Storeのリンクが自動で入ります。

3. デザインテンプレート一覧

好きなデザインを選んでください。選ぶと配色もテンプレートの標準に切り替わり、あとから「カスタマイズ」で変更できます。

アプリ紹介ブログパーツの作り方と貼り方

このページは、ブログ記事でiPhone・Androidアプリを紹介するための「アプリ紹介リンク（アプリリンク）」を無料で作成するツールです。App Storeでアプリを検索してクリックするだけで、アイコン・アプリ名・ダウンロードボタンが入ったブログパーツができあがります。会員登録やプラグインは必要ありません。

3ステップでアプリ紹介パーツを作る

  1. アプリを探す：「App Storeで検索」にアプリ名を入れて検索し、結果のアプリをクリックします。Android版は「Google PlayのURLを貼る」に、Google PlayのアプリページのURLを貼り付けます。
  2. デザインを選ぶ：スタンダード、横長（アプリーチ風）、スクショ付き、コンパクト、縦型カードの5種類から選び、色・角の丸み・サイズ・影を調整します。
  3. コードをコピーして貼る：「コピー」ボタンでHTMLを取得し、ブログ記事に貼り付けます。

App Storeのリンク（URL）を取得する方法

このツールでアプリを検索した場合、App StoreのURLは自動で入るので手作業は不要です。自分でURLを調べたいときは、次の方法で取得できます。

App StoreのURLは「https://apps.apple.com/jp/app/アプリ名/id1234567890」のような形をしています。末尾の「id＋数字」がアプリ固有の番号で、「https://apps.apple.com/jp/app/id1234567890」のように短くしても同じページが開きます。

Google PlayのURLの調べ方

Google PlayのURLは「https://play.google.com/store/apps/details?id=パッケージ名」という形です。パソコンならGoogle Playのアプリページを開いてアドレスバーからコピーし、スマホならPlayストアアプリのアプリページで共有メニューからリンクをコピーできます。

iPhone版を先に追加すると、「Android版も追加する」という欄に、同じ名前のアプリをGoogle Playで検索するリンクが表示されます。開いたページのURLを貼り戻すだけでAndroid版のボタンも追加できます。

アフィリエイトリンクと併用するときの注意

Appleのアフィリエイトプログラムでは、2018年10月1日からiPhone・Macアプリが報酬の対象外になっています。App Storeのアプリリンクを使っても報酬は発生しないため、アプリ紹介パーツは通常のApp Store・Google Playのリンクで作るのがおすすめです。

アプリのインストール案件をASP（アフィリエイト・サービス・プロバイダ）で扱っている場合は、「2. リンクを管理」でボタンのURLをASPのリンクに差し替えられます。その場合はASPの規約に沿って、記事内に「広告」「PR」などの表記を入れてください。

WordPressのカスタムHTMLブロックへの貼り方

  1. 投稿の編集画面で、パーツを入れたい位置の「＋」（ブロックの追加）をクリックします。
  2. 「カスタムHTML」を検索して追加します。
  3. コピーしたコードを貼り付け、ブロック上部の「プレビュー」で表示を確認してから、記事を更新します。

クラシックエディタの場合は「テキスト」タブに切り替えて貼り付けます。はてなブログでは、編集画面の「HTML編集」タブに貼り付けてください。

アプリーチの代わりを探している方へ

「アプリーチのようなアプリ紹介リンクを作りたい」という方は、テンプレートの「横長（アプリーチ風）」を選んでみてください。白背景の横長カードに、丸みのあるストアボタンが並ぶデザインです。このツールにはAndroidアプリをURLで追加できる機能や、スクリーンショット付き・コンパクトなど、記事に合わせて選べるデザインもあります。

よくある質問

無料で使えますか？
はい、すべての機能を無料で使えます。会員登録も必要ありません。
Androidアプリだけでも作れますか？
作れます。「Google PlayのURLを貼る」で追加したあと、「カスタマイズ」でアプリ名とアイコンのURLを入力してください。
アイコンが表示されなくなりました。
アプリの更新でアイコン画像のURLが変わることがあります。もう一度アプリを検索してパーツを作り直し、記事のコードを貼り替えてください。
作ったパーツを後から修正できますか？
このツールは作成内容を保存しません。修正するときは、もう一度パーツを作ってコードを貼り替えてください。