Як зробити розширення для google chrome і додати його в каталог гугла

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

Навіщо? хромом за різною статистикою користується до 33% користувачів мережі. Уявляєте який це трафік? При цьому доступ до всієї цієї аудиторії коштує всього 5 $.

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

Створюємо папку, куди будемо розміщувати наше творіння, створимо кілька файлів. Увага: всі текстові файли повинні бути в кодуванні cp1251.

manifest.json

Вміст файлу:

{"Name": "Робота для фрілансерів: вакансії, замовлення","Version": "2.4","Manifest_version": 2,"Description": "Цікавий сервіс для фрілансерів: програмістів, копірайтерів, дизайнерів і т.д. Моніторинг фріланс бірж.","Browser_action": {"Default_icon": "Icon.jpg","Default_popup": "Popup.html"}}

popup.html

Файл в html форматі - будь-який контент. У нашому випадку я додав в айфрейме сторінку https://adne.info/f/:

lt;htmlgt; lt;headgt; lt;titlegt;біржі фрілансерів: замовлення, вакансії віддаленої роботи.titlegt;headgt; lt;bodygt; lt;table border=0 cellpadding=0 cellspacing=0 width=620gt; lt;tbodygt; lt;trgt; lt;tdgt;lt;iframe src="Http://adne.info/f/" scrolling=yes width=600 height=500 border=0gt;iframegt;tdgt;trgt;tbodygt;tablegt;bodygt;htmlgt;

Відео: Топ 15 Корисні Розширення для Google Chrome 2017 / Це повинно бути у Вас в Гугл Хром, Аміго

І файл - піктограма - картинка для розширення icon.jpg. Взяв відповідну картинку і зробив її розмірами 128 128, зберіг в форматі png.

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

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

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

Тепер давайте помістимо наше розширення в каталог додатків для Хрому: це спростить апдейти і дозволить викласти ваш твір для величезної аудиторії користувачів Хрома.

Заархівіруем три створених раніше файлу в zip архів. Вважаю аккаунт в Гуглі у вас є, йдемо сюди https://chrome.google.com/webstore/developer/dashboard

Відео: Як створити розширення для Google Chrome # 1. нескладний приклад

Якщо ви тут вперше, то може буде потрібно погодитися з усілякими умовами користування і т.д. Упевнений, це проста процедура і уваги не вимагає. Отже, ми в Панелі інструментів розробника. Тиснемо кнопку Додати новий продукт. На першому кроці заливаємо архів з розширенням. Далі заповнюємо анкету.

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

Деякі зауваження:

• При додаванні першого додатка гугл зажадає від вас плати в 5 $ за послуги. Оплатити можна з карти, у мене це зайняло не більше 3-х хвилин. Платити треба один раз, потім зі свого ака додавайте додатки без додаткової плати.
• Якщо будете апдейт додаток, то у файлі manifest.json обов`язково виправте версію, інакше зміни не будуть прийняті.
• Якщо додаток публікується для тестування, то для повноцінного запуску його доведеться додавати знову.

Після додавання розширення через кілька хвилин воно буде доступно в пошуку по розширень. Пошук здійснюється по опису і заголовка розширення, при ранжирування, судячи з втікача аналізу, враховуються:

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

Як ви розумієте, можна робити величезну кількість різних розширень і отримувати з них трафік. Verbum sat sapienti.