Приветствую. На связи Евгений Данилюк и по профессии я интернет-маркетолог. Сегодня хотел бы поговорить о технологии, которая помогает превратить сайт в приложение.
57 512 просмотров
Хочу обозначить, что цель этой статьи – рассказать как можно большему количеству людей о том, что есть такая технология. Она называется PWA.
Записал видео, для тех кто не хочет читать много текста
Что такое PWA
PWA или Progressive Web Application – технология, которая позволяет клиентам установить ваш сайт на смартфон как приложение. На русский язык переводиться как «прогрессивное веб-приложение».
Теперь не нужно разрабатывать отдельно сайт, приложение под iOS и приложение под Android. Достаточно иметь и поддерживать только сайт.
Приложения на базе PWA мы используем чаще, чем кажется на первый взгляд.
Бренды Twitter, Tinder, Uber, Telegram, Starbucks, Forbes, Aliexpress, Aviasales используют приложения на базе PWA как основе или в дополнение к мобильному приложению.
MYHP intro
Преимущества приложения на базе PWA
- Позволяет отправлять Push-уведомления.
- Разработка и поддержка на 70% дешевле, чем у мобильных приложений.
- Экономия на повторном привлечении клиента, так как нет расходов на инструменты возвращения клиента (ретаргетинг, ремаркетинг).
- Не нужно размещать приложение в AppStore и Google Play. Его можно скачать напрямую с вашего сайта.
- Работает быстрее чем сайт.
- Работает без интернета.
- Размер PWA приложения, как правило, не превышает 1 мб. Это меньше, чем мобильное приложение.
- PWA приложение работает с функциями: геолокация, камера, микрофон.
Недостатки PWA приложения:
- На момент написания статьи у PWA приложение нет возможности отправлять уведомления на iPhone, так как в iOS браузер по умолчанию Safari. Однако в iOS 14 Apple добавила функцию выбора браузера по умолчанию. Это означает, что если пользователь выберет стандартным браузером не Safari, то уведомления можно будет отправлять и на iPhone.
- Также PWA приложения не поддерживают функцию Touch ID и ограниченно работают с функцией Bluetooth.
Какие задачи можно решать при помощи приложения на базе PWA
- Стимулировать повторные продажи.
- Упрощать поиск компании. Доступ к компании в 1 нажатие на экране.
- Повышать узнаваемость бренда. Иконка (логотип) компании всегда на виду у пользователя
- Повышать средний чек сделки, допродавая продукты при помощи Push-уведомлений.
- Оставаться на связи с клиентом. Отаравляйте клиенту уведомления о том, что товар прибыл в пункт самовывоза. Или что товар будет доставлен сегодня.
- Экономить на рекламе. Теперь не нужно настраивать догоняющую рекламу с новой акцией. Достаточно отправить уведомления, которое точно заметят ваши клиенты.
- Избавиться от конкуренции в поисковой выдачи. Ваши клиенты обращаются через приложение, в котором нет конкурентов, в отличии от поисковой выдачи.
Каким бизнесам подходят PWA приложения
Подходит всем бизнесам, услугами которого клиенты пользуются регулярно.
Ниже описал подробнее как можно использовать приложение на базе PWA
- Клиенты смогут в 1 клик повторно заказывать услугу.
- Вы сможете анализировать частоту заказов каждым клиентом и отправлять напоминания об уборке заранее, увеличивая частоту покупок
2. Рестораны, кафе, пиццерии и сети доставок
- Клиенты смогут в 1 клик заказывать продукцию или бронировать столик.
- Вы сможете стимулировать клиентов заказывать больше путем отправки промокодов со скидками и акциями.
- Вы сможете использовать карты лояльности при помощи приложения и QR-кодов.
- Клиенты смогут найти вас в 1 клик и выбрать необходимый товар без отвлечений. И если они положили товар в корзину, но при этом не оформили заказ, вы можете простимулировать их к покупке. Делается это при помощи уведомлений со скидкой или подарком.
- Клиенты смогут выбирать товар без интернета. А когда он появиться, данные автоматически подгружаются к вам.
- Уведомляйте клиента об акциях или изменениях статуса заказа.
- Сможете создать страницу, где будут доступны ваши курсы и открывать для своих клиентов.
- Вы сможете присылать уведомления о начале онлайн мероприятия, если проводите занятия, марафоны или вебинары.
- Ваши пользователи смогут найти вас в 1 клик, что повысит частоту посещений вашего ресурса.
- Пользователи не будут отвлекаться на другие сайты, что повысит вовлеченность.
- Пользователи смогут получать уведомления о новых публикациях на интересующие их темы.
- Вы сможете получать дополнительную прибыль, рассылая рекламные объявления, при помощи Push-уведомлений.
6. Барбершопам и бьюти сфера.
- Вы можете анализировать частоту заказов каждым клиентом и отправлять ему напоминания о необходимости посещения вашего заведения заранее.
- Допродавайте клиентам средства по уходу при помощи push-уведомлений.
7. Сетевые компании
- Вы сможете уведомлять клиентов о поступлении новых продуктов, или о статусе доставке.
- Пользователи смогут найти вас в 1 клик, что повысит частоту посещений вашего ресурса.
- Клиенты смогут выбрать необходимый товар без отвлечений. И если они положили товар в корзину, но при этом не оформили заказ вы можете напомнить об этом и простимулировать к покупке при помощи уведомлений со скидкой или подарком.
- Клиенты смогут выбирать товар без интернета. А когда он появиться, данные автоматически подгружаются к вам.
- Напоминайте клиентам о замене масла или других периодических работах по обслуживанию авто.
- Уведомляете клиента о статусе ремонта.
- Благодарите постоянных клиентов подарками.
- Делайте допродажи товаров по уходу за автомобилем при помощи push-уведомлений
9. Сервисы по шерингу техники
- Пользователи смогут найти вас в 1 клик, что поможет им оперативно решать возникшие проблемы.
- Отправляйте уведомления о состоянии техники (Автомобиль забронирован) или о новых акциях и скидках.
- Благодарите постоянных клиентов подарками.
Как происходит процесс установки
Вы можете сами пройти процесс установки, открыв в браузере на мобильном устройстве страницу.
1. Пользователь переходит на сайт и видит всплывающее окно с предложением. Например: «Пицца со скидкой 25% при заказе с приложения».
2. Пользователь в один клик устанавливает приложение.
3. Пользователь переходит в приложение, внутри этого приложения открывается сайт и пользователь делает заказ со скидкой.
4. Приложение установлено. Следующий шаг, это отправка пуш уведомлений пользователю.
Сравнение PWA с сайтом и мобильным приложением
О чем еще стоит упомянуть
- PWA можно загрузить и продвигать в Google Play.
- PWA можно создать для части сайта.
- Приложение обновляется при помощи кэша, то есть каждый раз, когда пользователь заходит в приложении с включенным интернетом.
- Отслеживать установку приложений можно при помощи сервиса «Яндекс. Метрика».
Подробнее про разработку PWA приложения можете узнать на специальной странице.
На этом пока все. Вкратце описал, что такое приложении на базе PWA технологии и как его можно использовать именно с позиции маркетолога.
Далее планирую сделать еще 2 статьи и поделиться результатами внедрения такого приложения, а также рассказать подробнее как составить и отправить Push-уведомление в приложении на базе PWA.
Если остались вопросы, задавайте их в комментарии. Идеи по использованию или опыт использования таких приложений также пишите в комментарии. Интересно узнать.
Спасибо за уделенное время!
Показать ещё
15 комментариев
Написать комментарий.
Давно существуют бесплатные ресурсы для изготовления таких пва. Не хватает ссылок на них и небольшого обзора.
Развернуть ветку
Чтобы сделать универсальное PWA, которое нативно (!) работает на Android и iOS и при этом достаточно хорошо работает в браузере, можно использовать «React Native for Web» – https://github.com/necolas/react-native-web
Это такая оболочка, которая позволяет делать нативные приложения под каждую платформу, но при этом обеспечивает обратную совместимость, чтобы приложение могло работать и в браузере.
«Чистые PWA» на мобильных пока ещё работают кривенько в качестве приложений, потому что не имеют доступа ко многим родным функциям аппаратов.
Развернуть ветку
Задам глупый вопрос: чем React Native for Web принципиально отличается от Flutter? Начал ковырять последний, по сути, тоже полунативное приложение получается на выходе
Развернуть ветку
Вопрос не глупый (-:
Смысл у разработок одинаковый: обеспечить кроссплатформенность приложений.
Разница в вендорах:
— Flutter делает Google
— React Native for Web делает комьюнити Фейсбука
Не сам Фейсбук, но комьюнити, которое выстроено вокруг React Native и React. В свою очередь, React и React Native обслуживаются инженерами фейсбука.
Я предпочитаю наработки Facebook, потому что они прогрессивнее. Гугл иногда очень странным образом «застревает» в своих наработках и/или перестаёт их двигать вперёд или заводит их куда-то не туда. Так было с Material Design, так было с первыми версиями ангуляра и многими другими штуками. А уж сколько они продуктовых наработок похоронили – я вообще молчу.
Развернуть ветку
Спасибо за ответ!
Субъективно, что на Ваш взгляд проще для «не веб-программистов»? Давно хочу сделать визуализацию данных со своего API делать не в Telegram, а в веб и/или в приложение для Android.
Развернуть ветку
Думаю, что Flutter попроще будет. Дело в том, что «React Native for Web» – это оболочка над React Native, который в свою очередь использует компоненты и принципы React.
То есть для его использования желательно изучить:
1. React
2. React Native
3. React Native for Web
4. При этом для стилизации UI тоже нужно будет подключать какой-то отдельный компонент.
В свою очередь Flutter более целостный и упакованный – в нём достаточно хорошо интегрированы готовые виджеты, компоненты и всё это основано на языке программирования Dart 🙂 То есть Flutter, как мне кажется, проще учить с нуля, не проходя поэтапное изучение различных технологий.
При этом, в обоих случаях, конечно, должны быть базовые знания HTML/CSS/JS и понимание архитектуры мобильных платформ.
Источник: vc.ru
Wajam — что это за программа?
Сегодня я опишу очередной рекламный вирус — программу Wajam. Вы узнаете что это такое, и как она влияет на операционную систему Windows и предустановленный софт. Мы расскажем как правильно удалить Wajam из ПК раз и навсегда.
За последние несколько лет, появился новый тип вируса — рекламное программное обеспечение. Этот вирус является старым добрым трояном или червем, однако, его цель — это влияние на серфинг в интернете. Так, рекламные кампании хотят управлять тем, что видит и слышит пользователь. Такой вирусный софт после попадания на ПК, внедряет вредоносный код во все браузеры и меняет настройки firewall и автозапуска.
А дальше идет подмена баннеров и ссылок, автоперенаправление на другие страницы, считывание паролей, смена стартовых страниц, подтягивание результатов, спам-реклама и всплывающие окна. В первую очередь атакуют страницы социальных сетей и поисковиков. Такие черви попадают на компьютер под видом обычных программок, в которые внедрен зловред. Wajam действует также.
Но если говорить, о самой программке Wajam, то это специальный плагин или расширение, которое помогает пользователю выбрать наиболее релевантные результаты поиска. Помощь эта определяется первоочередной выдачей тех результатов, которые были отмечены вашими друзьями или другими пользователями социальных сетей. Также, вы можете сразу же просмотреть популярные комментарии, которые были оставлены для ваших запросов. Для установки безопасной версии утилиты, вам необходимо скачать её из официального сайта wajam.com.
Как удалить Wajam?
Если вы специально не скачивали и не устанавливали Wajam, а он самопроизвольно появился на Рабочем столе, тогда вам следует убрать его как можно скорее из системы. Я кратко опишу основные шаги избавления и очистки от всех признаков вируса Wajam без специальных клинеров и антивирусов:
- Закройте все браузеры, в трее просмотрите — не запущен ли wajam, если да, то закройте его.
- Войдите в Диспетчер Задач и найдите одноименные процессы. Нажмите на них правой кнопкой и выберите открыть расположение файла и завершите процессы.
- Войдите в Удаление программ — найдите в списке утилиту Wajam и нажмите удалить.


Также, вам в помощь видеоролик по удалению от вирусного кода.
Источник: itfaqs.ru
Get your Xojo. Реверсим приложение на REALbasic
Помнишь, как на школьных уроках информатики тебя заставляли изучать Basic? Так вот: это был ненастоящий Basic. А настоящий, то есть REALbasic, теперь называется Mojo Xojo, и на нем до сих пор пишут приложения. Сегодня я расскажу тебе, как они устроены изнутри и как их можно взломать.
Часто реверсить программный продукт сложно не потому, что его код запутан или на него навесили какую‑то особенную защиту, а потому, что разработчики использовали редкий и малораспространенный фреймворк. Сегодня в нашем меню — экзотическая среда разработки под названием REALbasic (Xojo).
Это один из пионеров кросс‑платформенного программирования. REALbasic неоднократно менял название, архитектуру и хозяев и в последнее время серьезно растерял как свои рыночные позиции, так и актуальность. Написанные на нем приложения встречаются все реже и реже, в основном в таких узкоспециализированных областях, как колориметрия. Из‑за малой распространенности для него, в отличие от известных сред разработки (вроде Delphi, .NET или VBS), практически отсутствуют специализированные инструменты для реверса. Поэтому мы, как обычно, на примере конкретных приложений разберем принципы и лайфхаки для изучения кода таких приложений.
Начнем с самого простого случая. Как ни странно, легче всего исследовать приложение, созданное в современных актуальных версиях Xojo (да‑да, он мало того что еще поддерживается, вдобавок стал 64-битным, Википедия врет).
Итак, нам попалось графическое приложение, при анализе которого наш безотказный Detect It Easy (DIE) утверждает, что это Xojo (x64).
Нам понадобится самая малость: включить функции приложения, которые отказываются работать в незарегистрированной версии, выдавая вместо этого окошки с требованием регистрации. Загрузив программу в отладчик x64dbg и притормозив ее в этом месте, мы с облегчением замечаем, что программа не зашифрована, не упакована и лишена средств антиотладки. Она даже сообщение выдает стандартным MessageBoxA , при этом программа прекрасно дизассемблируется при помощи IDA. Полученный код, правда, как и следовало ожидать от кросс‑платформенного бейсика, чудовищно неуклюж и сложен для понимания.
Хочется как‑то облегчить себе жизнь, хотя бы восстановив имена вызываемых методов. Наш предыдущий опыт работы со скомпилированным кодом, изначально предназначенным под интерпретатор, подсказывает, что эта информация где‑то обязательно должна храниться. Просмотрев в IDA все ссылки на процедуру, из которой была вызвана ошибка демоверсии, находим интересную конструкцию:
Источник: xakep.ru