Пора в отпуск
6000 миль
за оформление карты
Подробнее
(function(w, d, promoUrl, loc) { var modal, box, closeModalBtn, isModalAnimation, body, html, scrollBarWidth, promoButton; var teaser = d.querySelector('.tinkoff-all-airlines'); if (!teaser) return false; initModal(); preloadImages(['https://leonardo.osnova.io/2755fcfd-f5aa-3496-f0b8-2066ac91e9fa/', 'https://leonardo.osnova.io/0006b8c0-6e01-4b3f-6765-45d1606a2c48/', 'https://leonardo.osnova.io/da12942b-f4f3-2560-40b3-a1c930f4b330/']).then(function() { setTimeout(function() { analyticsEvents(); teaser.classList.add('is-init'); teaser.addEventListener('click', openModal); onDestroy(); }, 100); }); function onDestroy() { var moduleAjaxify = window.Air && window.Air.get('module.ajaxify'); if (moduleAjaxify && moduleAjaxify.on) { moduleAjaxify.on('Before page changed', function() { window.removeEventListener('scroll', scrollHandler); hideModal(); if (teaser) { teaser.removeEventListener('click', openModal); } if (box) { box.removeEventListener('click', stopPropagation); } if (closeModalBtn) { closeModalBtn.removeEventListener('click', closeModalStop); } if (promoButton) { promoButton.removeEventListener('click', clickPromo); } if (modal) { modal.removeEventListener('click', closeModal); modal.remove(); } }); } }; function initModal() { body = d.querySelector('body'); html = d.documentElement; modal = d.querySelector('.tinkoff-all-airlines-promo'); box = d.querySelector('[data-tinkoff-all-airlines-box]'); closeModalBtn = d.querySelector('[data-tinkoff-all-airlines-close]'); isModalAnimation = false; scrollBarWidth = getScrollbarWidth(); box.addEventListener('click', stopPropagation); modal.addEventListener('click', closeModal); closeModalBtn.addEventListener('click', closeModalStop); promoButton = d.querySelector('.tinkoff-all-airlines-promo__button'); if (promoButton) { promoButton.setAttribute('href', promoUrl); promoButton.addEventListener('click', clickPromo); } body.appendChild(modal); }; function clickPromo() { sendEvent('Promo button'); }; function stopPropagation(e) { e.stopPropagation(); }; function closeModalStop(e) { e.preventDefault(); e.stopPropagation(); closeModal(); }; function openModal() { if (isModalAnimation) return false; isModalAnimation = true; sendEvent('Popup', 'Open'); body.style.overflow = 'hidden'; html.style.marginRight = scrollBarWidth + 'px'; modal.classList.remove('is-hidden'); setTimeout(function() { modal.classList.add('is-show'); setTimeout(function() { isModalAnimation = false; }, 300); }, 0); }; function closeModal() { if (isModalAnimation) return false; isModalAnimation = true; hideModal(); sendEvent('Popup', 'Close'); }; function hideModal() { modal.classList.remove('is-show'); setTimeout(function() { modal.classList.add('is-hidden'); body.style.overflow = 'auto'; html.style.marginRight = '0px'; isModalAnimation = false; }, 300); }; function isInViewport(elem) { var bounding = elem.getBoundingClientRect(); return ( bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth) ); }; function preloadImages(urls) { return Promise.all(urls.map(function(url) { return new Promise(function(resolve) { var image = new Image(); image.onload = resolve; image.src = url; }); })); }; function sendEvent(label, state) { state = state ? state : 'Click'; var value = 'Tinkoff All Airlines 650 (' + loc + ') — ' + label + ' — ' + state; console.log(value); if (window.dataLayer !== undefined) { window.dataLayer.push({ event: 'data_event', data_description: value, }); } }; function getScrollbarWidth() { var outer = d.createElement('div'); outer.style.visibility = 'hidden'; outer.style.overflow = 'scroll'; outer.style.msOverflowStyle = 'scrollbar'; d.body.appendChild(outer); var inner = d.createElement('div'); outer.appendChild(inner); var scrollbarWidth = (outer.offsetWidth - inner.offsetWidth); outer.parentNode.removeChild(outer); return scrollbarWidth; }; function analyticsEvents() { sendEvent('Teaser', 'init'); window.addEventListener('scroll', scrollHandler); scrollHandler(); }; function scrollHandler() { if (isScrolledIntoView(teaser)) { sendEvent('Teaser', 'Show'); window.removeEventListener('scroll', scrollHandler); } }; function isScrolledIntoView(el) { var rect = el.getBoundingClientRect(); var elemTop = rect.top; var elemBottom = rect.bottom; var isVisible = (elemTop >= 0) && (elemBottom <= w.innerHeight); return isVisible; }; }(window, document, 'https://www.tinkoff.ru/cards/credit-cards/all-airlines/promo/form/black-friday/?utm_source=vc0920_cc&utm_medium=ntv.fix&utm_campaign=allairlines.vcbf', 'entry-head'));
Сервисы
Heads and Hands
9516

Что такое мини-аппы в WeChat и как с их помощью вырастить свой ecommerce-проект

Презентация мини-аппов, новой функциональности WeChat, в 2017 году стала важной частью стратегии по превращению бывшего мессенджера в супер-апп. Heads and Hands — лидеры в разработке мобильных экосистем, выяснили, зачем ecommerce-проекту интегрироваться в супер-апп и как это может стать новой точкой роста.

В закладки

Что такое мини-аппы

WeChat называют мини-аппы мини-программами, но мы используем первый вариант, так как этот термин уже прижился на российском и западном рынке.

Мини-аппы — это приложения весом до 10 мегабайт с упрощенным интерфейсом и ограниченным по сравнению с нативными приложениями набором функций. Они предлагают те же сервисы, что и обычные приложения: совершение покупок, заказ еды, аренду транспорта, развлечения и многое другое — но существуют только внутри WeChat.

Примеры приложений, которые могут быть установлены у российского пользователя и заменены WeChat в Китае​

Как и для нативных приложений, для мини-аппов есть свой магазин внутри WeChat. Также найти их можно, отсканировав QR-код, размещённый, например, на двери ресторана. Часто используемые мини-аппы закреплены на верхней панели внутри чата.

Небольшое количество мини-аппов от партнёров вынесено отдельно и находится рядом с сервисами самого WeChat: например, заказать такси в мини-аппе перевозчика DiDi можно прямо на странице кошелька. А часто используемые приложения для мгновенного доступа закрепляются на верхней панели внутри чата.

Зачем пользоваться мини-аппами, если есть приложения

Мини-аппы не нужно устанавливать на устройство, они загружаются за несколько секунд внутри WeChat. Это помогает экономить трафик пользователям из небольших китайских городов, где не всем доступны Wi-Fi сети.

В мини-аппах не нужно регистрироваться, так как вход происходит через аккаунт Wechat. Все покупки проходят мгновенно через платёжную систему WeChat Pay. Если мини-апп надоел, его не придётся удалять, она просто исчезнет с панели часто используемых приложений.

Таким образом, пользователю легче пробовать новые продукты, так как взаимодействие с ними практически не требует усилий и ресурсов.

Ко всему прочему пользователи Android благодаря мини-аппам могут получить доступ к приложениям из заблокированного в Китае Google Play.

Могут ли мини-апп заменить нативные приложения

Половина популярнейших мини-аппов в WeChat всё ещё существует в виде отдельных приложений. В секторах электронной коммерции и образа жизни эта цифра достигает 80%. Причина очевидна — не все функции можно уместить в компактном приложении.

К тому же мини-аппы работают только внутри экосистемы, а пользователям вне Китая непросто зарегистрироваться в WeChat. Поэтому развивать сервис в международном масштабе, имея лишь мини-апп, практически невозможно.

Тем не менее есть очевидные плюсы в создании мини-аппов внутри развитой экосистемы WeChat:

  • Имеют низкую стоимость разработки: не нужно создавать версию для Android и iPhone. Благодаря этому небольшие команды могут запустить свой продукт.
  • Имеют доступ к миллиардной аудитории экосистемы.
  • Доступны в любой операционной системе, разница между Android и iOS становится незаметной.
  • Высокая скорость загрузки мини-аппов и лёгкость оплаты через WeChat Pay провоцируют пользователей на импульсивные покупки, особенно в период распродаж.
Объявление на vc.ru

Не обходится и без минусов:

  • Мини-аппы разрабатываются с помощью JavaScript-фреймворка от компании Tencent. Вместо привычных html и css, приходится использовать wxml, wxss.

  • Из мини-аппов нельзя отправлять пуш-уведомления.

  • Обновления в мини-аппе каждый раз должны быть одобрены Tencent.

  • Платежи возможны только через WeChat Pay.
  • Внешний вид и функции ограничены библиотекой WeChat’а.

Кейс PinDuoDuo

Сервис PinDuoDuo запустил нативное приложение в сентябре 2015 года. Его идея в том, чтобы продавать товары без посредников. В приложении люди объединяются вокруг товара и напрямую заказывают его у поставщика по цене ниже розничной.

В конце 2017 года PinDuoDuo запустили мини-апп, благодаря которому пользователи могут делиться ссылками на товары в ленте новостей, групповых и личных чатах WeChat. Доступ к многочисленной аудитории позволил быстрее собирать людей вокруг товаров и оказался выгодным для всех: чем больше людей заказывают товар, тем ниже цена, и шире аудитория PinDuoDuo.

Дизайн главной страницы в мини-программе минималистичнее, нежели в основном приложении: ушёл активный красный цвет из шапки и баннер под ней, иконки и карточки товаров выглядят легче.

Страница с продуктом выглядит практически одинаково в обоих случаях. Отличие одно: в мини-аппе рядом с названием продукта есть иконка «Поделиться».

Не в последнюю очередь аудитория WeChat и возможность бесшовно делиться товарами посредством мини-аппа помогли компании PinDuoDuo привлечь 483,2 млн активных покупателей в 2019 году и стать вторым после Tik Tok наиболее скачиваемым приложением в Китае.

Кто может добавить мини-апп в WeChat

Мини-аппы создаёт как сам WeChat, так и сторонние разработчики, причём последние могут получить инвестиции от Tencent. Китайские технологические гиганты охотно инвестируют в компании на ранней стадии развития. В ответ они рассчитывают на эксклюзивное включение продукта в свою экосистему.

Для простого создания мини-аппов Tencent разработала фреймворк на основе JavaScript и собственных языков разметки WXML и WXSS, аналогов HTML и CSS. WeChat API и SDK позволяют разработчикам получить доступ и интегрировать собственные функции WeChat в различные типы приложений: собственные приложения, веб-приложения в браузере WeChat, мини-аппы.

Создатели мини-аппов должны строго следовать рекомендациям Tencent как при разработке, так и при обновлениях, иначе приложения могут не пройти модерацию.

Зачем всё это WeChat’у

В WeChat заявили, что в 2020 году особое внимание компания уделяет мини-аппам. Неудивительно, ведь в 2019 году пользователи WeChat потратили в них $115 млрд, что на 160% превышает результаты 2018 года.

Для сравнения, общий объём оборота товаров на Amazon за 2019 год в денежном эквиваленте составил $239 млрд. Все платежи из мини-аппов идут только через WeChat payment, с каждой транзакции взимается комиссия в среднем 0,6%, интерес компании в росте количества мини-аппов от сторонних разработчиков очевиден.

К тому же мини-аппы привлекают новую аудиторию. Более 60 млн их пользователей — люди в возрасте 55-70 лет, многие из которых учатся совершать онлайн-покупки через сервисы WeChat.

В то же время мини-аппы выгодны и для их создателей. Сети по продаже напитков вроде Starbucks, LuckinCoffee, Heytea сообщили, что в 2019 году количество пользователей, заказывающих товары навынос через мини-аппы компаний, выросло на 200%.

WeChat имеет доступ к огромному объёму информации о пользователях. Приложение знает, на что они тратят деньги, как и с кем проводят свободное время, где бывают, что покупают, едят и многое другое. Это звучит жутковато для обывателя, но выгодно создателям мини-аппов, чьи сервисы могут быть предложены преимущественно целевой аудитории.

Есть ли приложения с мини-аппами в России

На российском рынке мобильное приложение «ВКонтакте» приблизилось к модели построения супер-аппа по примеру WeChat. С августа 2018 года компания запустила платформу сервисов VK Mini Apps, для которой любые сторонние разработчики могут создавать веб-приложения.

К концу 2019 года платформа включала 13 тыс. активных мини-аппов с аудиторией в 20 млн пользователей. Наибольшее количество мини-аппов было создано в категориях: развлечения (25%), инструменты (20%), покупки (10%) и образование (9%).

Мини-аппы «ВКонтакте» как дублируют нативные приложения, так и являются полностью оригинальными. К первым относится мини-апп AliExpress, в котором можно искать и покупать товары через социальную сеть.

К самостоятельным мини-приложениям внутри соцсети относится кешбэк-сервис «Чекбэк».

О запуске супер-аппа в декабре 2019 года объявил Тинькофф. Например, в приложении уже доступны сервисы «Здоровье» от компании «НаПоправку» и «Красота» от Yclients. Интеграция приложений происходила через Open API по модели White Label.

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

В данный момент большим проектам только мини-аппом не обойтись, но интегрироваться в крупную экосистему все же стоит.

Во-первых, это откроет доступ к широкой аудитории и поможет таргетировать сервис на нужных пользователей. Во-вторых, можно относительно просто и быстро выйти на ту аудиторию, что ранее была недоступна. Например, создание мини-аппа в WeChat в первую очередь будет полезно ecommerce-проектам, которые планируют выйти на китайский рынок или ориентируются на туристов из Поднебесной.

{ "author_name": "Heads and Hands", "author_type": "self", "tags": ["\u0441\u0443\u043f\u0435\u0440\u0430\u043f\u043f"], "comments": 31, "likes": 57, "favorites": 302, "is_advertisement": false, "subsite_label": "services", "id": 105582, "is_wide": false, "is_ugc": true, "date": "Fri, 07 Feb 2020 15:34:49 +0300", "is_special": false }
Объявление на vc.ru
0
31 комментарий
Популярные
По порядку
Написать комментарий...
4

круто...10 мб. Сейчас обычные приложения от криворуких разрабов по 100 мб вексят.

Ответить
4

Саргей, как разработчик мобильных приложений, скажу, что если бы приложение с аналогичным функционалом весило бы меньше, то стоимость для вас, как для конечного пользователя, была бы в 1000 раз дороже. 

Конечно тут тысячи моментов к которым можно придраться (мол к дизайну, анимациям и тд) но в итоге вы всегда придете к тому что приложение или будет стоить дорого для вас, как пользователя, или будет дешевым но тяжелым/медленным/лагающим. И даже с багами. 

Хотя с другой стороны приложения гигантов могли бы быть лучше/легче/быстрее, согласен)

Ответить
2

Ок...Возьмём те же Скайп/Вайбер/Вотсап...Приложение для отправки сообщений и видеозвонков.
5 лет назад они позволяли отправлять сообщения и делать видеозвонки.
То же самое они делают и сейчас. Что изменилось, что они стали требовательнее?

Или возьмём другие варианты любых приложений. Что изменилось в каком-нибудь календаре или будильнике, что вдруг они в 1000 раз дороже стали?

Ответить
5

В основном на вес влияют библиотеки, это правда. Например эти мессенджеры зарабатывают на нас деньги) и чем больше они будут знать о нас и смогут вытащить информации о нас - тем больше они заработают. А чтоб больше вытащить - это больше всяких сервисов запихать надо.

А если мы этого не хотим - тогда надо платить) а платить мы не хотим (иначе бы платили бы). Вот и качаем сотни метров барахла 

Ответить
0

Если в них куча растровой графики, то это нормально при текущем разрешении экранов

Ответить
3

В крупных приложениях, как правило, не графика место сжирает, а кучи всяких фреймворков и библиотек

Ответить
0

Не сравнится с графикой, хоть я и насчитал шесть теоретически возможных крупных библиотек, они даже десять мегабайт не скушают

Ответить
1

Один realm скушает, а он сейчас повсеместно.

Ответить
0

И он ужасный)

Ответить
1

да-да, и понравилась первоначальная причина — мол, интернет зачастую был медленный и памяти в телефонах было мало :)

Ответить
4

Офигеть. Вот где рынок так рынок

Ответить
2

Отличный обзор

Ответить
5

Будет также как с фейсбуком, когда он звал всех делать «приложения» в своей экосистеме. Последствия многие знают: удачным приложениям со временем закрывали доступ к API по надуманным причинам, а сам фейсбук реализовывал аналог через свои карманные компании с другим названием.

Ответить
3

Если меня не подводит память, то раньше для публикации "мини-программы" необходимо было иметь представителя в Китае. Как сейчас с этим обстоят дела?

Ответить
1

Артемий, на данный момент все так же необходим представитель в Китае для публикации мини-аппа

Ответить
0

Вы что-то разрабатывали под WeChat?

Ответить
0

Без доступа к платежке и API доступно https://www.chinaskinny.com/blog/register-overseas-wechat-account/

Ответить
2

На фото на превью указано соотношение количества приложений в России и мол, только в Китае это все заменяет одно СУПЕР ПРИЛОЖЕНИЕ и это вводит людей, кто ни разу не был в Китае что это так и есть, хотя напротив - расходится с реальностью.

Ответить
0

Это точно!

Ответить
2

Вот это онбоардинг!

Ответить
2

У меня есть свое Вичат мини-приложение Guangzhou Places. Можно найти в Вичат в поиске. Запустил в июне 2019 года. Разработка заняла около месяца. В планах сделать еще несколько

Ответить
0

Все круто, молодцы. Но какой прок от этого бизнесу в РФ?

Ответить
0

Ну вы владелец скажем компании по натяжке потолков. Вы мелкий бизнес. Хотите хайпа и удобства для пользователей. Создаете свое супер-апп в своей нише. Им все пользуются, а вам продвижение бренда.

Профит!! Вы на коне!

Ответить
1

Стоп, стоп... Я говорю про РФ. Wechat же, это китайская тема.

Ответить
0

Комментарий удален по просьбе пользователя

Ответить
0

В сарказме

Ответить
0

Классная история, но совершенно чуждая нам, имхо.
Создание мини-аппа и встраивание в экосистему какого-то крупняка в РФ — очень уж напоминает открытие магазинчика в районе, который крышует ОПГ. Которая сперва просто берет свою долю, а в определенный момент присылает своих людей не пускающих тебя на порог магазина. Интересно почему так?

Ответить
0

Я вот не понимаю, нахрена еще одна прокладка между железом и программой?
Глобально смысл в том, что все переместилось из ОС в перегруженное апп. При этом теряется прозрачность контроля, функционал, появляются бессмысленные ограничения. Это как запрячь тройку машиной вместо ремонта двигателя

Ответить
–1

Комментарий удален по просьбе пользователя

Ответить
0

А мне не понятно с какой. Для китайцев. Но цель какая?

Ответить
0

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

Ответить

Комментарии

null