Все чаще можно слышать новую аббревиатуру: PWA.
Что это и зачем это нужно бизнесу- разберём в этой статье с примерами.
Что такое PWA
PWA переводится, как прогрессивное веб приложение. Если говорить проще, то это сайт, который может остаться на главном экране посетителя. Звучит заманчиво, неправда ли. Вы указали в рекламной кампании ссылку на сайт, а в итоге посетитель и сайт посмотрел, и приложение установил. PWA- это естественная ступень развития веб технологии, которая подобно защищённому протоколу https, очень скоро изменит опыт пользователей интернета.
Немного истории сайтов
В конце 90х годов первые сайты были статическими ресурсами, которые в своем принципе слабо отличались от газет. Были рекламные объявления при клике на которые можно было перейти на другую страницу и изучить рекламное предложение.
В начале 2000х в коде сайта появились первые всплывающие окна. В те времена это стало отличным инструментом для повышения конверсии. Эта эпоха рождения landing page.
По мере развития JavaScript (язык программирования для повышения интерактивности страницы) стали появляться виджеты онлайн консультантов и сервисы обратного звонка.Одновременно с этим параллельно зарождались мобильные приложения. В те времена очень дорогие решения со смутной выгодой для обычного бизнеса.
В период с 2007 началось зарождение технологии, которая была призвана объединить в себе сайт и мобильное приложение. Но технологического прорыва тогда не произошло. Компания Apple была инициатором, но спустила идею на тормозах. Взамен появился AppStore. А вот компания Google в связке с разработчиками движка веб сайтов WebKit продолжила разработки и постепенно совершенствуя технологию выводила на рынок прототипы будущего PWA.
Прогресс PWA сильно ограничивался техническими ограничениями устройств. Классический веб сайт создавался на стороне сервера, где-то в DataCenter при помощи "суперкомпьютера” размером как шкаф. (так это было в 2010х.) затем готовый сайт проецировался на устройство посетителя, на его смартфон или коммуникатор.
Для технологического прорыва PWA мало было одного протокола. Было необходимо, чтобы "суперкомпьютер" стал размером как смартфон и имел бы стоимость утюга.
Если программистам тех времён сказали бы об этом в 2010, они бы вряд ли поверили. Суперкомпьютер по цене утюга в 2020...
Пришел год 2021. На мой взгляд все сошлось в нужное время и в нужном месте. Давно разработанные на перспективу технологии прогрессивных веб приложений могут наконец то начать использоваться повсеместно. Но есть, но!
Через пару лет мы будем удивлены тому, почему это казалось странно. Ведь это так естественно: сайт, который после открытия остается на экране телефона будущего покупателя.
Но сейчас в головах маркетологов звучит один вопрос: А ЗАЧЕМ ЭТО НУЖНО?
Отличие сайта и приложения с точки зрения маркетинга
Традиционно именно сайт или лендинг-это основной инструмент маркетологов для генерации трафика. Даже в тех случаях, когда поиском трафика заняты таргетологи соц сетей, посадка трафика все равно происходит на лендинги.
На эти каналы маркетологи расходуют свои бюджеты. Цель маркетологов сайта: Снижение стоимость привлечения клиента (customer acquisition cost — CAC)
Продажи могут иметь мобильное приложение. И в отличие от сайта, приложение предназначено для работы с постоянными покупателями.Часто вместо собственного приложения или в дополнение к нему используется Whatsapp, Telegram, Instagram и прочие решения.
Если бизнес имеет регулярные повторяющиеся сделки, то эти инструменты должны находиться в ведомстве отдела продаж, а не маркетинга. Так как основная цель приложений: увеличение LTV (life time value — LTV) или денег, которые могут быть получены от клиента, за все время взаимодействия с вашим бизнесом.
Почему важно разделять эти метрики между отделами?
Задача маркетологов сводится к выведению на первую сделку, а задача отдела продаж в повторяющихся сделках.
Текущее положение вещей препятствует проникновению PWA в бизнес процессы. Хотя очевидно, что с точки зрения бизнеса PWA- это идеальное решение, которое объединяет в себе и сайт и приложение.
Как работает PWA
Маркетологи разрабатывают рекламную кампанию с посадкой на лендинг.
Лендинг при этом должен поддерживать технологию PWA.
В зависимости от качества трафика, на лендинге должен тестироваться H2s banner (home to screen). Это установочный банер приложения, которые обещает бонус за установку лендинга на домашний экран телефона (или компьютера).
Запускается реклама с посадкой на лендинг.Измеряется стоимость привлечения клиента (customer acquisition cost — CAC)Также измеряется новая метрика, которую маркетологи ранее не использовали: стоимость нового пользователя приложения (cost per acquisition —CPA).
В итоге лендинг отработает в рекламе и получит определённый ROI, но на этом его жизненный цикл не закончится.
Так было ранее. Сейчас лендинг получает вторую жизнь, как бабочка и начинает свой новый путь. Теперь будет продавать PWA.
Посмотрите обычный пример на телефоне. Внизу страницы установочный баннер:
PWA глазами бизнеса
После перехода на технологию PWA взаимодействие с маркетологами может не меняться. Совсем не обязательно начинать требовать результаты по количеству установок PWA. Основной целью маркетологов должно сохранится снижения стоимости привлечения в первую покупку.
Так или иначе CAC и CPA будут иметь похожую зависимость во всех рекламных кампаниях.
Но в долгосрочной перспективе PWA- это повышение LTV.
Именно эту метрику я считаю основной в бизнесе.
Вы можете остановить рекламные кампании или сократись расходы на них только если у вас есть база постоянных клиентов.
Но вы не сможете содержать отдел маркетинга, если ваши клиенты покупают у вас все реже.
PWA- это ещё один полезный инструмент для заботы о постоянных покупателях. Наряду с чат-ботами, постами в социальные сети и даже телефонными звонками.
PWA- это ещё плюс 3~5% к вашему LTV. А много это или мало решать вам.
Как перевести лендинги в режим PWA
Сначала убедитесь в том, что ваш лендинг имеет SSL и открывается по протоколу https.
Если вы используете CMS, попробуйте найти подходящий плагин и установить PWA.
Здесь стоит обращать внимание на работу H2s banner. Этот плагин вам подходит, если он даёт возможность доработать дизайн H2s банера, с целью увеличения конверсии CPA.
Если у вас самописный сайт, то передайте вашему программисту ссылку https://pwabuilder.com Это потрясающий простой и бесплатный инструмент, в котором сейчас рождаются множество PWA.
Еще одним решением для вас может стать бесплатный визуальный PWA конструктор мобильных лендингов и e-commerce- SWEETY. В отличие от остальных решений вам не нужно быть программистом, чтобы создавать PWA лендинги всего за несколько минут.К тому же это самый быстрый способ увидеть PWA в действии. В шапке админ панели есть генератор qr кодов и инструкции. Так что вы сможете начать полноценное использование приложения. Ссылка на FREE PWA CREATOR SWEETY
В заключении
В реальном бизнесе повышение конверсии даже на доли процентов приносит существенную прибыль бизнесу. А иногда даже отделяет прогресс и регресс друг от друга.Для этого мы проводим бесконечные сплит тесты сайтов, меняем УТП, картинку первого экрана, призывы к действию и так далее. На мой взгляд PWA- это очень простой способ поднять ROI в долгосрочной перспективе.
Это проще чем кажется.
Комментарий недоступен
Вы затронули очень интересную тему! Ведь реально же столько всего существует в маркетинге сейчас.
А ведь были времена, когда ...
Стоит ли вдаваться в ностальгию и оспаривать то, что есть и то что будет.
И нано роботы будут с прямой трансляцией рекламы в мозг ( Илон Маск и Нейролинкс уже тестируют) и много что ещё будет...
Стартовый экран смартфона - в виде приложения для заказа пиццы?
Это - троллинг, или это серьёзно?
Спасибо.
А что плохого в том, чтобы любимая пиццерия была на экране твоего смартфона. Через пару дней эта пиццерия в Сочи будет запущена.
По своему опыту на Тенерифе могу сказать: рестораны это используют с удовольствием. Клиенты делают первые заказы через jasteat ( аналог Деливери клаб) , а затем переводят трафик в это приложение. Повторный трафик стабилен.
Я опишу этот кейс скорее всего.
С Новым годом!
Вы - троллите, или просто уже начали отмечать (или точнее пока не закончили)?
Ещё раз: У человека - ОДИН смартфон; у смартфона - ОДИН стартовый экран, и в качестве этого стартового экрана, этот человек - ставит себе не просто ссылку на страничку сайта, а аж целое "приложение" для заказа пиццы.
А что он будет делать когда всё таки закажет эту пиццу?
Будет каждые три минуты заходить в приложение и смотреть когда её доставят?
А когда её наконец доставят?
А когда он эту пиццу съест? Тут же полезет заказывать новую?
.............
Единственная безусловно полезная функция такого приложения - собирать информацию о таких людях, что бы изолировать от них здоровое общество.
Ваш выбор поступать так как вы считаете нужным. Ставить приложение или нет решать вам. По статистике этого сервиса в Есть много установок и заказов из приложения PWA.
Хотя я вас понимаю. Приложения как бы для постоянного использования, типа Instagram и т.п.
Хотя есть люди которые собирают в папки разные приложения.
И видимо для них ios14 сделал автогруппировку. Жаль, что PWA не группируются с нативным автоматом.
А по этому сервису вот срез по повторным открытиям в режиме pwa.
Пока мало, но лендингов в нем мало ещё. Совсем молодой сервис у меня.
вы - чат бот?
На самом деле PWA и пицца это просто один из бесчисленного множества вариантов.
Наверное в начале 2000х кто нибудь также спорил:
Сайт для пиццерии? Вы это серьезно?...
Не хочу конечно обижать автора, но он в целом конечно не в теме PWA (я больше с технической стороны дела), причем видно даже в первом абзаце, где написана какая-то откровенная чушь про главный экран, вместо того чтобы указать что это веб-приложение максимально приближённое к нативными(родным) приложениям операционной системы, например сохраняется часть функционала при запуске офлайн(обычный сайт так не может). Далее всё слегка забрасывается сахаром маркетинговых терминов, с пустыми абстрактными процентами и тп. Понятно что цель видимо пропиарить сервис, ну ок, пусть, надеюсь сервис хороший.
Ключевой элемент приложения Service Worker - механизм позволяющий нам делать всё это волшебство, с сохранением данных, отправки и принятия сообщений, проверки состояния(онлайн/офлайн) и тп, который выполняется независимо от самой веб страницы и рулит основной движухой, делая следующий шаг в приравнивании сайта и приложений. По факту и сами сайты(не считая простеньких страниц) это тоже полноценные приложения, а технология Service Worker позволила преодолеть один из барьеров с устройством.
К сожалению ряд ограничений ещё сохраняется, хотя по факту сегодня реальных технических ограничений уже можно избежать, практически всё что могут делать нативные приложения можно сделать и в браузрере. Но.. как мы знаем есть, помимо безопасности, ещё и интерес платформо держателей(Apple особенно) которые не хотят упускать свой процент.
Кстати, именно поэтому новые движки и браузеры так тяжело сегодня делать, так как браузер это полноценная мультиплатформенная среда исполнения. У меня есть опасения, что на горизонте скоро мы можем увидеть и новые ограничения по запуску полноценных PWA, на том же iOS, чтобы умники не обходили сбор процентов. Сегодня один из самых ярких таких примеров это pwa Google Stadia - который не просто стриминговый игровой сервис, но и игровой магазин, где в отличии от Geforce Now нужно покупать игры отдельно, те Google делает свою отдельную платформу, как Sony с PlayStation. Так вот, благодаря PWA они и обошли ограничения на создания стриминговых сервисов и запустили свои продажи на iOS обойдя сбор процентов от Apple.
Отсюда я думаю понятно, что не в интересах Apple делать и развивать эту технологию. Ну как минимум пока они не смогут установить свою обязательную монетизацию поверх них.
Спасибо.
Будем надеяться, что антимонопольное законодательство наконец-то поставит APPSTORE на свое место. Большие компании уже инфицировали иск. Так что pwa может окрепнуть.
К тому же ожидается в ближайшем обновлении Safari какая то интеграция с Clips , возможно установка на экран по типу Андроид.
Хватит пожалуйста называть что-либо технологиями будущего. После этих фраз пропадает желание полностью читать статью.
С чего вы решили, что к примеру будущее за pwa c урезанным функционалом мобильного приложения? Где пока что js-движка, даже css-движка не хватает чтобы анимацию зарендерить нормально и в 60fps банальный транзишен выдать - это с точки зрения технологического стека только.
С точки зрения бизнеса есть куча разных вариантов, например интегрироваться в какой-то суперапп от банка или соц. сети, pwa - в этом смысле на мой взгляд проигрывают.
Или уж если вы какой-то сервис, то что вам мешает взять какой-нибудь кросс-платформенный стек, типа: flutter, react-native, kotlin и т.п? К примеру на том же js, через react-native можно получить скомпилированное приложение на objective-c(ios)/java(android). Где тот-же фронтендер, который вам сделал лендос и веб-магазин, может вам сделать и моб. приложение
Прост))))
Где тот-же фронтендер, который вам сделал лендос и веб-магазин, может вам сделать и моб. приложениеДля бизнеса PWA неплохое решение, но абсолютно никак не заменяет мобильное приложение, а такие сравнения выглядят максимально странно.
Ну для внутреннего использования, конечно же, если ограничения устраивают — норм. Для улучшения UX моб версии — ок, а все остальное — дикий костыль.
Ну это далеко от реальности обычно))))
А будущее за Flutter:)
Если с кешировнием анимаций через Metal на ios решат проблемы, то может быть.
А насчёт фронтенда, то если у вас есть какая-нибудь команда из двух-трёх фронтов, то одно сеньёра будет достаточно, чтобы он за неделю сделал инвестигейт и понял чем отличается react(на котором у вас сайт) и react-native(на котором у вас будет моб. приложение). Да и плюс, там очень много будет реюзабельных компонентов. А потом этому же сеньёру нужно будет ревьюить код своих мидлов - не более того. Самые большие проблемы могут быть только при деплое в прод, но можно и на пару таких тасок взять кого-то на аутсорс
Я вот выбирал между RN и Flutter, выбрал в пользу последнего в декабре 2019.
По документации без гугла у меня RN так и не запустился на андроиде. Кучу крашей словил. Полный сетап под флаттер до hello worldу меня занял 2 часа(только по причине конфликта версий Java под убунту, и отсутствия указания нужной версии в доке), все остальные шаги заняли минут 10-15.
Проблема в том, что флоу разработки под мобайл и веб отличается. Документация по RN заметно хуже. Плюс без Typescript там совсем все печально.
Нет, бесспорно, flutter в качестве кросс-платформенности выигрывает, так как юзает свой движок, который написали разработчики chrome. Но у него тоже есть свои проблемы. У нас сейчас есть полноценное приложение под ios и android написанное на flutter, и там с анимациями всё очень грустно 😞 Мы всё ещё ждём фикса от core-команды... И если честно не понятно когда они решат проблему.
Я до айос еще особо не добрался, тем более с кастомными анимациями, но в подкасте слышал про такое решение
Даунгрейдиться на мой взгляд не лучшее решение
Ну там блокер есть, а так видно, что стейбл обычно выкатывают почти сразу.
Если опыт, будет интересно услышать о ionics.com Вчера потестил, очень интересно. За 10 минут примитивное приложение в React сделал. Так эта штука еще и в Git залила сама и ci/cd создала. Может я отстал от жизни, это уже норм?
Я значит голову ломаю как webpack 5 поставить и сисадмина найти и сервер и прочее. А тут один клик.
С не особо сложными приложениями проблем не возникнет. Это вполне норм, для Flutter использую Codemagic, тот же github actions много где уже рекомендуют.
Я так понимаю, ansible, docker и docker-compose ты еще не смотрел? Это сильно упростит конфигурацию, особенно если не один сервер. Это никак не заменит сисадмина, но просто будет меньше ошибок:)
Спасибо.
Из вашего поста видно сразу вашу техническую экспертизу, но...
Понимаете... Я стартовал с этим в Европе и хочу вам сказать: 90% пользователей Инстаграм ( наша целевая аудитория там) не имеют дома комп и НИКОГДА не юзали его!!!
Так что говорить им о таких продвинутых вещах сложно.
А вот развернуть в телефоне PWA и накидать блюда им подсилу.
С парикмахерскими и тп. еще проще. Так что я останусь при своем мнении:
Для многих PWA станет реальностью в будущем!
С Новым годом!
Wtf? 90% юзеров в инсте не имею дома настольного пк или ноута? Откуда у вас такие цифры? Просто, что?! Я вам могу сказать, когда я жил в Европе, то каждый второй в кофейне сидел с лаптопом. Хотя это вообще не важно...
Вы говорите просто какие-то странные вещи, в то время как большинству юзеров просто надоело держать у себя на экране по 100500 приложений, а операционные системы делаю всё возможно, чтобы убрать весь этот хлам из приложений куда-то подальше, которые люди открывают 1 раз в 4 месяца. Вы же предлагаете развернуться на 180 градусов и просить их добавлять иконку на своё устройство.
Почему если ваш сервис используют 90% с телефона, у вас до сих пор нет приложения?
Были такие цифры - не по инсте, по пользователям интернета вообще. 90% из них не имеют ни ПК, ни ноутов, ни планшетов. Только смартфон.
Цифры-то от 2016.
У меня нет пруфов на руках, так что я не спорю. Однако юзвери интернета не ограничены Европой и вообще развитыми странами.
Ну прибавьте ещё 5-10%. 90% вы никак не соберёте
Ну, вот я нашёл цифирь. https://www.statista.com/statistics/617136/digital-population-worldwide/
Mobile has now become the most important channel for internet access worldwide as mobile internet users account for 91 percent of total internet users.
Понимать ли это как "только мобильный интернет" - я не понял.
Хм 🧐 А я вот такое нашёл
Да я сам был в шоке. Приглашал людей на собеседование для продажи сервиса. В основном девушки 20-23 года. Вот от сюда и цифры.
Конечно в РФ все по другому .
А в интернет кафе вообще 100% людей с компами.
Я ни чего не меняю.
Есть бизнесы которые поставили этот сервис и я вижу у них использование в режиме PWA.
Есть бизнесы и люди которые не понимают смысл.
Есть откровенно злые. Ну вы понимаете о чем я.
Каждому своё!
Удачи вам.
С новым годом🎄
Так и не поняла, что это и с чем едят... :/
Добрый день.
Я люблю пиццу с Кока Кола:)
А pwa это то, что должно помогать вашему лендингу оставаться на экране телефона после того, как Пользователь закрыл его.
Какой то процент это сделает.
В статистике по проекту я вижу около 23% пользователей при повторном посещении того же самого лендинга переходят на него с экрана своего телефона, а не из других каналов.
Мне понравилась идея все быстро и просто для многих моих клиентов в смм это подходит приложение. так что я использую и главное не трачу много времени на создание. а выглядит и работает хорошо, что на самом деле очень хорошее преимущество. у многих сейчас нет сайта и на этапе стартапа удобно использовать PWA
Спасибо Ольга. К тому же это бесплатно, неправда ли:)
Про PWA знают доли % пользователей. Тут лучше статистику хоть какую-то показать по росту и реальной прибыли, а так штука для "своих пользователей" где каждому нужно объяснять что это)
Добрый день. Спасибо за комментарий.
Все верно! Нужно объяснять, в этом я с вами согласен.
Статистику по проекту пока давать рано, в целом я вижу в Google analytic следующее:
Из тех кто повторно посещает страницу бизнеса около 23% пользователей которые установили PWA на телефон.
Для отслеживания этого показателя в моем проекте Sweety установленные приложения получают utm &pwa
Так же бизнес видит в почте информацию этот заказ из установленного приложения или нет:
Больше примеров в : https://instagram.com/pwacreator_ru
Комментарий недоступен
Есть же Glide. Зачем нужен этот Sweety. Апп выглядит страшновато, мягко говоря
Комментарий недоступен
И так, что такое PWA?
: ^)
Для юзера это просто мобильное приложение. А так это копия сайта/лендинга, котороя может работать без интернета.
Сайт, который может оказаться на телефоне вашего клиента ( подобно приложению) и затем работать офлайн.
Комментарий недоступен