Регистрация arrow_forward
Для паблишеров
Для рекламодателей
О нас
Контакты

Как сделать расширение для браузера: от идеи до публикации и монетизации

Автор: Денис Воробьев, продакт-менеджер ExtAds

Чтобы сделать простое расширение для Chrome, достаточно двух файлов и десяти минут. Чтобы оно набрало пользователей и начало приносить деньги, нужно ещё выбрать задачу, опубликовать расширение в Chrome Web Store, продвинуть его и подключить монетизацию. Разберём весь путь по шагам.

Шаг 1. Выберите задачу

Лучшие идеи для расширений — небольшие повторяющиеся задачи, которые люди уже ищут: тёмная тема для сервиса, конвертер файлов, быстрый перевод, работа с вкладками. Проверить спрос можно в поиске Chrome Web Store и в Вордстате или Google Trends: если похожие расширения есть и у них тысячи пользователей, спрос подтверждён.

Конкуренты — не минус. Часто достаточно сделать решение проще и понятнее под один сценарий. Так появилось расширение из кейса Dark Mode Google Docs: первая версия заняла около недели, а аудитория выросла до 400K+ пользователей.

Шаг 2. Создайте первое расширение

Расширения для Chrome пишут на HTML, CSS и JavaScript. Минимальная версия по официальному туториалу Google — это папка с тремя файлами.

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

Окно (popup), которое показывается по клику на иконку расширения:

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

Иконка

Положите в ту же папку картинку hello_extensions.png — её имя должно совпадать с полем default_icon в манифесте.

Шаг 3. Запустите и проверьте

  1. Откройте в Chrome адрес chrome://extensions.
  2. Включите «Режим разработчика» в правом верхнем углу.
  3. Нажмите «Загрузить распакованное расширение» и выберите папку с файлами.
  4. Закрепите расширение через значок пазла и кликните по его иконке — откроется popup.

Дальше расширение обрастает логикой: скрипты для popup, content scripts для работы со страницами, service worker для фоновых задач. Запрашивайте только те разрешения, которые действительно нужны: лишние разрешения настораживают и пользователей, и модераторов.

Делаете первое расширение? В нашем Telegram-сообществе билдеров собрано всё актуальное по созданию расширений: кейсы, разборы, инструменты и ивенты. Там можно задать вопрос и посмотреть, как другие запускают свои продукты.

Шаг 4. Опубликуйте в Chrome Web Store

  1. Зарегистрируйтесь как разработчик в Chrome Web Store Developer Dashboard и оплатите разовый регистрационный взнос — актуальную сумму покажет кабинет (требования к регистрации). Лучше завести отдельный email только под публикацию: сменить его потом нельзя.
  2. Упакуйте папку расширения в zip-архив и загрузите его через «Add new item».
  3. Заполните вкладки: Store Listing — страница в магазине, Privacy — основная функция расширения и какие данные оно собирает, Distribution — страны и видимость.
  4. Отправьте расширение на ревью. Срок проверки зависит от расширения; после одобрения у вас есть 30 дней, чтобы опубликовать его.

Новые разработчики сначала могут опубликовать не больше двух расширений. Подробности — в инструкции по публикации.

Шаг 5. Продвигайте

Позиция в поиске Chrome Web Store зависит от оценок, соотношения установок и удалений, качества страницы и метаданных. Как оформить название, описание и скриншоты, где искать первых пользователей и когда подключать рекламу, мы разобрали в статье «Как продвигать браузерное расширение».

Шаг 6. Монетизируйте

Основные модели — подписка или платные функции, партнёрские программы, донаты и реклама внутри расширения. Подписка даёт максимальный доход на пользователя, но требует платёжной системы и аудитории от пары тысяч человек. Реклама позволяет зарабатывать на всей аудитории без платежей и paywall. Сравнение моделей — в статье «Как монетизировать расширение Chrome».

Если выбираете рекламу, показывайте её только в собственном интерфейсе расширения: встраивать рекламу в сторонние сайты правила Chrome Web Store запрещают. Подробно — в разборе правил Chrome Web Store для рекламы.

Рекламная сеть ExtAds создана специально для расширений: вы встраиваете нативный баннер в popup, sidebar или страницу расширения, сами выбираете кампании и получаете доход за показы. Условия — на странице для паблишеров, вопросы — менеджеру в Telegram @extads.

Коротко

  1. Выберите небольшую задачу с подтверждённым спросом.
  2. Соберите минимальную версию: manifest.json, popup и иконка.
  3. Проверьте её через «Загрузить распакованное расширение».
  4. Опубликуйте в Chrome Web Store и заполните Privacy.
  5. Продвигайте через страницу в магазине, поиск и сообщества.
  6. Подключите монетизацию, когда появятся активные пользователи.

Больше кейсов и разборов по созданию и продвижению расширений — в Telegram-сообществе билдеров.

keyboard_arrow_up