Как сделать расширение для Google Chrome и добавить его в каталог Гугла

Сегодня мы с вами, уважаемые читатели, сделаем расширение для браузера Гугл Хром и разместим его в каталоге приложений Chrome.

Зачем? Хромом по разной статистике пользуется до 33% пользователей сети. Представляете какой это трафик? При этом доступ ко всей этой аудитории стоит всего 5$.

Но начнем с создания приложения. Мы сделаем простой виджет, который выведет заказы с фриланс бирж.

Как сделать расширение для Google Chrome и добавить его в каталог Гугла

Создаем папку, куда будем размещать наше творение, создадим несколько файлов. Внимание: все текстовые файлы должны быть в кодировке UTF-8.

manifest.json

Содержимое файла:

{
"name": "Работа для фрилансеров: вакансии, заказы",
"version": "2.4",
"manifest_version": 2, 
"description": "Интересный сервис для фрилансеров: программистов, копирайтеров, дизайнеров и т.д. Мониторинг фриланс бирж.",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}

popup.html

Файл в html формате — любой контент. В нашем случае я добавил в айфрейме страницу http://adne.info/f/:

Биржи фрилансеров: заказы, вакансии удалённой работы.

И файл — пиктограмма — картинка для расширения icon.png. Взял подходящую картинку и сделал её размерами 128×128, сохранил в формате png.

Все наше расширение готово. Пакуем в zip архив.

Протестируем? Откроем хром, в адресной строке впишем: chrome://settings/extensions , поставим галочку напротив Режим разработчика, появится кнопка Загрузить распакованное приложение.

Добавим наше приложение. Как видите появилась иконка, нажав на которую откроется окошко с указанной выше страницей. Вы можете попробовать созданное приложени напрямую с Гугла, просто перейдите по ссылке и установите: https://goo.gl/F3WTG6

Теперь давайте поместим наше расширение в каталог приложений для Хрома: это упростит апдейты и позволит выложить ваше творение для огромной аудитории пользователей Хрома.

Заархивируем три созданных ранее файла в zip архив. Полагаю аккаунт в Гугле у вас есть, идем сюда https://chrome.google.com/webstore/developer/dashboard

Если вы тут впервые, то может потребуется согласиться со всяческими условиями пользования и т.д. Уверен, это простая процедура и внимания не требует. Итак, мы в Панели инструментов разработчика. Жмём кнопку Добавить новый продукт. На первом шаге заливаем архив с расширением. Далее заполняем анкету.

Вам понадобится ещё минимум 2 графических файла — скриншот и рекламная картинка. Все пояснения даны около соответствующих полей. Надо сказать что Гугл постарался над формой добавления расширений, даже неопытный пользователь разберется очень быстро.

Некоторые замечания:

  • При добавлении первого приложения гугл потребует от вас платы в 5$ за услуги. Оплатить можно с карты, у меня это заняло не более 3-х минут. Платить надо один раз, потом со своего ака добавляйте приложения без дополнительной платы.
  • Если будете апдейтить приложение, то в файле manifest.json обязательно исправьте версию, иначе изменения не будут приняты.
  • Если приложение публикуется для тестирование, то для полноценного запуска его придётся добавлять снова.

После добавления расширения спустя несколько минут оно будет доступно в поиске по расширениям. Поиск осуществляется по описанию и заголовку расширения, при ранжирования, судя по беглому анализу, учитываются:

  1. Вхождение кея в заголовок или описание (но это не решающий фактор),
  2. Количество установок, отзывов и, видимо, средний бал и кол-во оценок.

Как вы понимаете, можно делать огромное количество различных расширений и получать с них трафик. Verbum sat sapienti.

Подпишитесь на нашу рассылку и получайте то, что не вошло в блог, анонсы и тематические подборки + несколько руководств (сбор подписчиков и продажа информации).

Имя: Email:

Читайте сейчас: 👉 Как делать классные информационные сайты, которые быстро получают трафик и монетизируются

Лучший пост года: 👍 Быстрый трафик не из поиска — сайт вокруг рассылки

Обсуждение:
  1. Yarik

    Щас расширение по виагре намучу:) В каталоге модерация есть?

    • Alex Hodinar

      Модерации при добавлении расширения не заметил, хотя вполне возможно некоторые слова в описании и заголовке могут привлечь внимание модератора. Копки для жалоб есть.

  2. Руслан

    Тема,буду копать, а как раскручивать такие штуки?

    • Alex Hodinar

      Со своих ресурсов рекомендовать пользователям Хрома установить приложение, плюс на самом каталоге есть трафик (тут затачивать под кеи и в поиске пробиваться наверх).

  3. Gruber

    Спасибо, ещё давайте такоеже под оперу и лису.

    • Alex Hodinar

      Уф, с этим будет сложнее, но посмотрю, что можно сделать, если среди читателей есть специалисты — велкам с гостевыми постами.

  4. Load

    Лучший пост на этом блоге за этот год:) По делу, там в каталоге не так много трафика, но в некоторых темах весьма прибыльно, главное, чтобы школьники не заспамили всё теперь.

  5. WebMast

    Поясните для чего это нужно? Привлечение трафика?

    • Alex Hodinar

      Да, ради трафика, ради дополнительного канала привлечения аудитории.

  6. arch

    Все шло гладко, до момента оплаты. Карты у меня к моему сожалению, не оказалось. Как заведется непременно вернусь к этой теме. Спасибо за пост.
    Verbum sat sapienti est — очень даже в тему.

  7. Ralf

    Хотелось бы узнать о результатах? Стоит ли вообще создавать расширение??

    • Alex Hodinar

      Резуьтаты — сделал расширение по тематике соц.сети, общение — за 3-е суток около 50 пользователей — без какой-то рекламы.

  8. jkeks

    Вот как писать плагин для Opera в сравнении с Chrome: http://jkeks.ru/jkeks.ru/archives/804

    Вроде одинаково но в Opera чуть мудренее.

  9. Grisha

    Не подскажите как переделать на с версии 1 на версию 2?

  10. Роман

    помогите. нужно расширение для хрома которое считывает информацию с окрытой вкладки товара интернет магазина и переносит эту информацию на другую вкладку хрома.
    например есть платье. размеры 36-42. и картинка.
    мне надо чтобы инфа считалась с вкладки и перенеслась в другую вкладку хрома в нужные поля.

  11. Дмитрий

    Адне, а пуши можно быстренько запилить? Уведомления в расширение)



Раздел: Софт, скрипты, сервисы, Автор: Alex Hodinar
|