登録する arrow_forward
パブリッシャーの方へ
広告主の方へ
私たちについて
お問い合わせ

Chrome拡張機能の作り方：アイデアから公開・収益化まで

著者：デニス・ヴォロビエフ、ExtAds プロダクトマネージャー

シンプルなChrome拡張機能なら、ファイル2つと10分あれば作れます。ただ、ユーザーと収益を得るにはもっと多くのことが必要です。課題を選び、Chrome ウェブストアで公開し、拡張機能をプロモーションし、収益化を加える。その全工程をステップごとに解説します。

ステップ1. 課題を選ぶ

拡張機能の良いアイデアとは、人々がすでに検索している小さな繰り返し作業です。サービスのダークモード、ファイル変換、すばやい翻訳、タブ管理などです。Chrome ウェブストアの検索やキーワードツールで需要を確認しましょう。ユーザー数が数千人規模の類似の拡張機能があれば、需要は本物です。

競合がいるのは問題ではありません。一つの用途に向けて、よりシンプルでわかりやすい解決策をつくれば十分なことも多いのです。Dark Mode for Google Docsの事例の拡張機能もそうして始まりました。最初のバージョンは約1週間でつくられ、ユーザーは40万人を超えました。

ステップ2. 最初の拡張機能をつくる

Chrome拡張機能はHTML、CSS、JavaScriptでつくります。Googleの公式チュートリアルの最小構成は、3つのファイルが入ったフォルダです。

manifest.json

拡張機能のメインファイルです。名前、バージョン、権限、アイコンをクリックしたときに何が開くかを定義します。現在の拡張機能はManifest V3を使います。

{
  "name": "Hello Extensions",
  "description": "Base Level Extension",
  "version": "1.0",
  "manifest_version": 3,
  "action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

hello.html

拡張機能のアイコンをクリックしたときに表示されるポップアップです：

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

アイコン

同じフォルダにhello_extensions.pngという名前の画像を置きます。名前はマニフェストのdefault_iconと一致させる必要があります。

ステップ3. 読み込んでテストする

  1. Chromeでchrome://extensionsを開きます。
  2. 右上のデベロッパーモードをオンにします。
  3. 「パッケージ化されていない拡張機能を読み込む」をクリックし、拡張機能のフォルダを選びます。
  4. パズルのアイコンから拡張機能を固定してクリックすると、ポップアップが開きます。

ここから拡張機能を育てていきます。ポップアップのスクリプト、ウェブページを扱うコンテンツスクリプト、バックグラウンド処理のためのサービスワーカーなどです。権限は本当に必要なものだけをリクエストしましょう。余計な権限はユーザーにも審査担当者にも不安を与えます。

ステップ4. Chrome ウェブストアで公開する

  1. Chrome ウェブストアのデベロッパーダッシュボードで開発者登録をし、1回限りの登録料を支払います（登録要件）。公開用のメールアドレスは後から変更できないため、専用のものを使いましょう。
  2. 拡張機能のフォルダをZIPに圧縮し、「Add new item」からアップロードします。
  3. タブを入力します：Store Listing（ストアのページ）、Privacy（単一の目的と収集するデータ）、Distribution（国と公開範囲）。
  4. 審査に提出します。審査期間は拡張機能によって異なり、承認後30日以内に公開できます。

新しい開発者は、最初は最大2つまで拡張機能を公開できます。詳しくは公開ガイドをご覧ください。

Chrome拡張機能の公開にかかる費用は？

公開そのものは無料で、かかるのは1回限りの開発者登録料だけです。長年5ドルでしたが（Computerworld）、現在のGoogleのドキュメントには金額の記載がないため、登録時にダッシュボードで確認してください。年会費や拡張機能ごとの料金はありません。

ステップ5. プロモーションする

Chrome ウェブストアでの順位は、評価、インストールとアンインストールの比率、掲載情報の品質、メタデータで決まります。名前、説明、スクリーンショットの最適化、最初のユーザーの見つけ方、広告を加えるタイミングは「Chrome拡張機能のプロモーション方法」で解説しています。

ステップ6. 収益化する

主なモデルは、サブスクリプションや有料機能、アフィリエイト、寄付、拡張機能内広告です。サブスクリプションはユーザー1人あたりの収益が最も高いものの、決済プロバイダーと数千人のユーザーが必要です。広告なら、決済もペイウォールもなしにオーディエンス全体から収益を得られます。比較は「Chrome拡張機能の収益化」をご覧ください。

広告を選ぶ場合は、拡張機能自身のインターフェース内だけで表示してください。Chrome ウェブストアは第三者のウェブサイトへの広告挿入を禁止しています。詳しくはChrome ウェブストアの広告ポリシーの解説をご覧ください。

ExtAdsは拡張機能のための広告ネットワークです。ポップアップ、サイドパネル、拡張機能ページにネイティブバナーを組み込み、キャンペーンを自分で選んで、インプレッションで収益を得られます。パブリッシャーの方へのページをご覧いただくか、Telegramのマネージャーまでお問い合わせください：@extads。

まとめ

  1. 需要が確認できる小さな課題を選ぶ。
  2. 最小限のバージョンをつくる：manifest.json、ポップアップ、アイコン。
  3. 「パッケージ化されていない拡張機能を読み込む」でテストする。
  4. Chrome ウェブストアで公開し、プライバシータブを入力する。
  5. 掲載情報、検索、コミュニティでプロモーションする。
  6. アクティブユーザーがついたら収益化を加える。
keyboard_arrow_up