Створюємо додаток Chrome для свого сайту менше як за 5 хвилин


Дізнайтесь більше про нові кар'єрні можливості в EchoUA. Цікаві проекти, ринкова оплата, гарний колектив. Надсилайте резюме та приєднуйтеся до нас.

Google Chrome серйозно спрощує багато речей, наприклад, створення власних додатків. Так, підготувати свій додаток до публікації можна за 5 хв, а то і менше.

Нам знадобляться:

  • Google Chrome;
  • Ваш сайт або блог, що вже доданий в Google Webmaster Tools і пройшов перевірку;
  • іконка розміром 128х128 пікселів;
  • скриншот Вашого сайту розміром 1280×800 або 640×400 пікселів;
  • скриншот додатка розміром 440×280 пікселів;
  • ID Google Analytics (у форматі UA – XXXXXX – YY) – за бажанням;
  • картка з $5 на рахунку.

Створюємо додаток

Почнемо ми зі створення файлу manifest.json. В даному прикладі наведений маніфест сайту NetRival. Відкрийте будь-який текстовий редактор, скопіюйте в нього цей код і змініть під свій додаток:

{ "name": "NetRival - Technology Blog", "short_name": " NetRival", " description": "NetRival is a Blog Focused on Personal Technology, How - to Tutorials, Gadgets and Telecom", " version": "0.1", "manifest_version": 2, " icons": { "128": "icon 128.png" }, "app": { "urls": [ "http://www.netrival.com/#utm_source=google_chrome&utm_medium=chrome_app&utm_campaign=google_chrome_app"], "launch": {
"web_url": "http://www.netrival.com/#utm_source=google_chrome&utm_medium=chrome_app&utm_campaign=google_chrome_app"} } }

Вам необхідно змінити поля "name", "short_name", а також описи і посилання. Іконку свого додатка перейменуйте в icon 128.png. Створіть нову директорію, покладіть туди manifest.json і саму іконку. Тепер запакуйте директорію в zip-файл. Пізніше він Вам ще знадобиться.

Завантажуємо додаток в Google Chrome

Відкрийте браузер, перейдіть за адресою chrome://extensions/ і переконаєтеся, що у Вас поставлена галочка “Режим розробника”. Вона розташована на сторінці праворуч вгорі (це видно на картинці). Потім натисніть на кнопку “Завантажити розпаковані розширення” і виберіть теку, де розташовані manifest.json та іконка Вашого розширення. zip-архів завантажувати не треба, Google Chrome автоматично завантажить файл manifest.json із вказаної директорії, в даному випадку – з E:NetRival_Chrome_App (це виділено на скриншоті).

Перевіряємо створене розширення

Плагін вже працює. Щоб у цьому переконатися, пройдіть за адресою chrome://apps/, і Ви побачите щось подібне до скриншоту (якщо натиснете на іконку, то потрапите на Ваший сайт або блог).

Розміщуємо розширення в офіційному каталозі

Тепер можна розміщувати наше розширення в Google Chrome Store, де його зможе скачати будь-хто. Треба завантажити manifest.json та іконку в zip-файл (ми вже це зробили). Спочатку треба заплатити $5 мита за реєстрацію, яка дасть Вам доступ до консолі розробника Google Chrome (на ці $5 Ви можете розмістити в магазині 20 будь-яких додатків, розширень або тем для Chrome).

Перейдіть на адресу https://chrome.google.com/webstore/developer/dashboard і сплатіть $5. Після оплати натисніть на кнопку “Додати новий продукт” і виберіть zip-файл з розширенням. Далі необхідно заповнити невелику анкету додатка і додати скриншоти.

Щоб відстежувати трафік з додатка, можна використати Google Analytics – вкажіть Ваший ID. Краще використати не той самий GA ID, що для Вашого сайту, а окремий. Тепер натисніть на кнопку передперегляду і подивіться, як виглядатиме Ваший додаток у магазині додатків. Залишилося лише натиснути на кнопку публікації – і місія виконана.

Якщо у Вас виникнуть якісь питання, то Ви можете на власні очі подивитися демо додатка і zip-архів з ним. Удачі!

Джерело: Blog Synthesis

Київ, Харків, Одеса, Дніпро, Запоріжжя, Кривий Ріг, Вінниця, Херсон, Черкаси, Житомир, Хмельницький, Чернівці, Рівне, Івано-Франківськ, Кременчук, Тернопіль, Луцьк, Ужгород, Кам'янець-Подільський, Стрий - за статистикою саме з цих міст програмісти найбільше переїжджають працювати до Львова. А Ви розглядаєте relocate?


Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *