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

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

Партнёры могут изменять расширение, чтобы ссылки содержали их партнёрский маркер или вели на White Label. После этого расширение можно опубликовать в магазине Chrome или передать пользователям в архиве.

В этой статье рассказывается о расширении (пример расширения), его настройках и продвижении.

О расширении

Стартовый экран новой страницы после установки расширения содержит:

mceclip0.png

  • логотип — по умолчанию ведет на главную страницу Aviasales. Ссылку и изображение можно изменить в конфигураторе расширения (см. ниже);
  • кнопка обновления — показывает другой город;
  • кнопка настроек — открываются настройки расширения;
  • фотография города назначения — фотография уникальна для каждого города и не может быть изменена;
  • цена перелета в город назначения — при нажатии на цену, открывается календарь с ценами по месяцам. При клике на месяц, открывается сайт aviasales.ru. Ссылка может быть изменена в конфигураторе расширения на White Label партнёра;
  • город и страна выбранного места назначения;
  • город отправления — указывается пользователем в настройках расширения или определяется Chrome автоматически (с помощью geoAPI);
  • заголовки статей из RSS ленты — адрес ленты меняется в конфигураторе расширения.

Настройка расширения

При клике на иконку настроек открывается меню, в котором пользователь может:

mceclip1.png

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

Конфигурирование расширения

Чтобы изменить конфигурацию расширения, выполните следующие шаги:

  1. Скачайте архив расширения или сделайте форк репозитория на Github (как собрать проект после изменений смотрите в документации на Github).
  2. Распакуйте архив.
  3. В корневом каталоге расширения откройте и измените файл config.js (для этого подойдет любой текстовый редактор, например, Блокнот):
    • marker — партнёрский маркер;
    • host — адрес сайта, на котором будет выполняться поиск. Замените на адрес своего White Label или оставьте без изменений, чтобы результат поиска открывался на aviasales.ru (или других сайтах aviasales). Формат ввода адреса White Label: адрес_вашего_white_label/flights — без http://;
    • host_logo — ссылка на сайт Aviasales или ваш White Label из логотипа;
    • rss — ссылка на RSS ленту вашего сайта. Если меняете ссылку на RSS ленту, то нужно будет изменить домен (параметр storage) в файле manifest.json.
  4. Перейдите в папку img и измените файл logo.png на ваш логотип.
  5. Измените название и описание расширения в файле messages.json (находится в папке \_locales\ru).
  6. Заархивируйте измененный корневой каталог в ZIP-архив.

mceclip2.png

Продвижение расширения

Теперь всё готово для продвижения вашего собственного расширения. У вас есть два варианта:

  • разместить у себя на сайте ссылку на архив с расширением и обзорную статью, в которой вы расскажете о данном расширении;
  • загрузить расширение в Интернет-магазин Chrome.

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

mceclip3.png

В случае с магазином расширений, вам нужно будет самостоятельно опубликовать расширение в Интернет-магазин Chrome. Если вы будете делать это впервые, приготовьтесь заплатить $5 за загрузку расширения.

В Chrome перейдите в Интернет-магазин расширений и выполните авторизацию под своим Google аккаунтом (если у вас его нет, нужно будет создать).

Перейдите в раздел Панель инструментов разработчика.

mceclip4.png

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

mceclip5.png

После оплаты, нажмите на Добавить новый продукт.

mceclip6.png

В открывшемся окне загрузите ZIP-архив и следуйте пунктам из списка Загрузка продукта…

После успешного выполнения всех шагов расширение появится в интернет-магазине Chrome. И вы сможете распространять его с помощью прямой ссылки на страницу расширения в интернет-магазине.

ezgif.com-video-to-gif.gif

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос