Виды e-commerce
Электронную торговлю можно классифицировать по двум признакам:
- физические товары — продукты, одежду, мебель, электронику, бумажные книги;
- цифровые товары — музыка, кино и сериалы, электронные книги, онлайн-курсы;
- услуги — фотосъемка, уборка, помощь с переездом и т.д.
- b2c (business to consumer, «бизнес для потребителя») — интернет-магазины, которые продают товары или услуги потребителям напрямую, то есть в розницу;
- b2b (business to business, «бизнес для бизнеса») — компания продает что-то другим компаниям. Это может быть оптовая торговля — чтобы покупатель потом реализовал эти товары потребителям в розницу. Или же товары и услуги, предназначенные для корпоративных нужд: например, кассовое оборудование, облачные хранилища и сервисы, международная доставка грузов;
- c2b (consumer to business, «потребитель для бизнеса») — отдельные люди (физлица) предлагают товары и услуги для компаний. Яркий пример — исполнители на аутсорсинге: дизайнеры, программисты, создатели контента;
- c2c (consumer to consumer, «от потребителя к потребителю») — люди продают друг другу товары и услуги напрямую: няни, репетиторы, кондитеры, дизайнеры одежды;
- g2b (government to business, «от правительства к бизнесу») — государственные органы поставляют что-то для бизнеса: например, использование радиочастот, воздушного пространства, сервисов для сбора и обработки данных;
- b2g (business to government, «бизнес для правительства») — обратный процесс: например, товары и услуги в рамках госзакупок, ПО, электроника;
- c2g (consumer to government, «от потребителя к правительству») — когда потребители оплачивают различные госуслуги.
Два самых распространенных типа — b2c и b2b.
Как развивается e-commerce в России и мире?
С ростом цифровизации и массовым переходом в онлайн e-commerce стала драйвером ключевых изменений в мировой экономике. Доступ к электронной коммерции сегодня возможен с любого смарт-устройства: к апрелю 2022 года в мире насчитывалось 5 млрд уникальных пользователей интернета, что составляет 63% населения Земли. Соответственно, меняются подходы к тому, как запускать и продвигать новые продукты.
Вот главные цифры на сегодня:
- В 2021 году число онлайн-покупателей в мире достигло 2,14 млрд человек. В 2019 году их было 2,05 млрд, а в 2018-м — 1,79 млрд.
- Всего на электронную торговлю в 2021 году пришлось более 18% от всех розничных продаж в мире, а в 2023-м — 22%;
- Объем интернет-продаж в 2022 году составит $5,5 трлн;
- Среди главных причин, по которым люди заказывают товары онлайн — бесплатная доставка (53%), акции и скидки (41%), возможность прочитать отзывы (35%), простота возврата (33%) и скорость оформления заказа (30%);
- 33,6% клиентов перед покупкой сравнивают цены на товары в онлайн-приложении и обычном магазине, 81% подробно изучают информацию в Сети перед крупными покупками.
Сегодня Китай — абсолютный лидер онлайн-торговли: в 2021 году сегмент e-commerce там впервые в мире превысил половину всего рынка розничных продаж. Следом идут Южная Корея с 28,9%, США с 15% и Западная Европа с 12,8%. Объем онлайн-продаж за 2020 год в Китае составил $2,3 трлн, в 2021-м — почти $2,8 трлн, а в 2022-м ожидается около $3,1 трлн.
Для сравнения, в США рынок e-commerce в 2020 году, по данным eMarketer, составил $709,8 млрд и превысит $1 трлн к 2024 году. Почти половина (45%) всей электронной торговли в стране приходится на продажи через мобильные приложения.
По данным Ассоциации компаний интернет-торговли, объем рынка электронной коммерции в России за 2021 год составил ₽3,6 трлн. Это на 13% больше, чем годом ранее.
Поддержка электронной коммерции в России на период до 2024 года регулируется нацпроектом «Цифровая экономика». Основными целями документа являются повышение внутренних затрат на развитие цифровой экономики за счет всех источников (по доле в валовом внутреннем продукте страны) минимум в три раза по сравнению с 2017 годом, и создание устойчивой, безопасной и общедоступной информационно-телекоммуникационной инфраструктуры высокоскоростной передачи, обработки и хранения больших объемов данных.
Самые успешные кейсы е-commerce
Монополист китайского рынка e-commerce и одна из крупнейших компаний в мире. Рыночная капитализация Alibaba на июнь 2022 года составляет $282 млрд, что делает ее 26-й в списке самых дорогих компаний мира. Компания основана в 1999 году и работает в трех направлениях: b2c (Tmall и Aliexpress), b2b (Alibaba) и c2c (Taobao). Все три платформы уже вышли на международный рынок (включая Россию), однако основная доля по-прежнему приходится на внутренний. У компании также есть своя платежная система Alipay, которая работает как международная.
Модель Alibaba аналогична eBay: она выступает в качестве агрегатора для продавцов — физлиц, магазинов или производителей — которые сами отправляют товар покупателям.
Главный конкурент Alibaba в Китае. В отличие от Alibaba, JD. com работает по модели Amazon: отгружает товары сторонних продавцов с собственного склада и отправляет через свою службу доставки. На конец 2020 года у компании было более 900 складов общей площадью 21 млн кв. В составе холдинга есть своя социальная платформа — Jingxi, а также сети магазинов у дома Xintonglu и JD New Markets и даже собственное направление коммерческой недвижимости. В ближайшем будущем JD планирует запустить свою цифровую валюту — e-CNY.
Amazon
Amazon — самый крупный розничный продавец в сфере e-commerce в США и один из крупнейших в мире. Компания располагает огромной сетью складов и сортировочных центров, а также собственной службой доставки, которая использует дронов и роботов, а в 2020 году приобрела еще и самолеты Boeing 767. Помимо основной b2c-платформы, есть также Amazon Business для клиентов-юрлиц.
Как устроена логистика в Amazon
Компанию основал в 1994 году Джефф Безос — изначально это был книжный онлайн-магазин. Спустя 25 лет Безос стал самым богатым человеком в мире с состоянием в $191,4 млрд, а сам Amazon — мировым гигантом онлайн-торговли. рыночная капитализация компании на июнь 2022 года достигает $1,07 трлн, а ее выручка за 2021 год составила $470 млрд — на 22% больше, чем годом ранее. Чистая прибыль за тот же период выросла на 57%.
Сейчас 60% дохода Amazon приносят ИТ-решения Amazon Web Services — облачные хранилища и сервисы. Компания регулярно запускает различные продукты и сервисы под своим брендом: электронные читалки Kindle, элементы «умного» дома, голосовой помощник Alexa, онлайн-кинотеатр Amazon Prime. У Amazon есть и офлайн-магазины Amazon Go. Они работают при помощи нейросетей с распознаванием лиц и компьютерным зрением: здесь нет касс и продавцов, а покупки оплачиваются автоматически через приложение.
Выпуск YouTube-канала «РБК Тренды» о магазинах без продавцов
EBay
eBay был создан в 1995 году как сервис онлайн-аукционов c2c: продавцы выставляли на аукцион вещи (часто подержанные), а покупатели делали ставки. Доставка товаров при этом лежит на продавце, а сам сервис берет комиссию за размещение лотов и занимается урегулированием споров. Позже на платформе появились коммерческие аккаунты частных предпринимателей и магазинов, а покупать стало можно и по фиксированной цене.
У eBay, как и у Amazon, есть свои сайты в разных странах — включая Россию. Однако компания не стала развивать дополнительные сервисы и собственную логистику. eBay так и остался онлайн-агрегатором, чья главная особенность — в том, что здесь можно найти редкие коллекционные вещи и даже ценный антиквариат. Выручка за 2021 год составила $10,5 млрд. Число активных пользователей на 31 декабря 2021 года составило 147 млн человек.
ASOS
Компания основана в 2000 году, а ее название расшифровывается как «As Seen On Screen»: «То, что ты видел на экране». Британский маркетплейс также работает по модели Amazon: агрегирует товары от поставщиков на своих складах и доставляет по всему миру. В основном это одежда, обувь и аксессуары брендов массмаркета, а несколько лет назад к ним добавилась еще и косметика. Биржевая капитализация — $1,1 млрд. У магазина есть локальные версии в разных странах Европы.
Wildberries
Один из крупнейших российских онлайн-ретейлеров на рынке уже 15 лет, а его основательница — Татьяна Бакальчук — возглавляет рейтинг богатейших российских бизнесвумен по версии Forbes: ее состояние оценивается в $21 млрд.
Wildberries продает одежду, обувь, аксессуары, бытовую технику и электронику, товары для дома. Все это компания доставляет с собственных складов через пункты выдачи (в 2020-м доля таких заказов составила 93%) или курьеров. В 2020 году оборот компании вырос на 96% по сравнению с 2019-м — до 437,2 млрд рублей, а число заказов — до 323,8 млн, достигнув 1,5 млн в сутки, что вдвое больше прошлогоднего показателя.
Ozon
Еще один гигант российского e-commerce с оборотом продаж почти ₽450 млрд за 2021 год
Компанию основали в 1991 году. Как и Amazon, первый интернет-гипермаркет в России начинал с торговли книгами. Сегодня 24% продаж Ozon приходится на электронику, остальное распределено между книгами, бытовой техникой, одеждой, косметикой, продуктами и прочими товарами. Как и Wildberries, маркетплейс сделал ставку на расширение пунктов самовывоза, причем с 2020 года делает это только под собственным брендом, а не через партнеров. Ozon доставляет товары в собственные постаматы и курьерами. Компания также запустила сервис по продаже авиабилетов Ozon. Travel.
«Яндекс. Маркет»
«Яндекс. Маркет» пришел на рынок 20 лет назад. До 2018 года развивался как агрегатор для интернет-магазинов, с 2018 года параллельно строил маркетплейс «Беру», который в 2020 году стал частью «Яндекс. Маркета». Сегодня это — маркетплейс, где магазины могут продавать свои товары, а пользователи — совершать покупки, выбирая из ассортимента в 4 млн товарных наименования.
Продавцам «Яндекс. Маркет» предлагает четыре модели сотрудничества с маркетплейсом:
- отгрузка и доставка товаров силами магазина, маркетплейс как витрина;
- отгрузка и доставка товаров со склада маркетплейса;
- отгрузка товаров со склада продавца, доставка силами маркетплейса;
- отгрузка части товаров со склада продавца, части — со склада маркетплейса.
Маркетплейс «Маркета» также предлагает другие сервисы для продавцов и покупателей: поиск по десяткам фильтров, сравнение цен на один и тот же товар, отзывы покупателей, рейтинги магазинов и платное продвижение.
На конец 2020 года на «Яндекс. Маркете» продавали свои товары более 8 тыс. продавцов, по рекламной модели размещалось 25 тыс. магазинов-партнеров, ежедневная аудитория достигла 6 млн уникальных посетителей.
Будущее электронной торговли
Рынок e-commerce продолжит расти. По данным Nasdaq, к 2040 году до 95% всех покупок будут совершать в интернете.
Среди глобальных трендов в развитии электронной торговли стоит выделить:
- осознанное потребление (экологичные перерабатываемые товары в противовес одноразовым),
- бесшовный (омниканальный) шопинг,
- внедрение дополненной и виртуальной реальности,
- «невидимые» платежи и оплата по лицу.
Другими словами, магазины стремятся сделать процесс покупки не только максимально быстрым и комфортным, но еще и увлекательным. Это, помимо прочего, становится вызовом для классического маркетинга.
Как работают AR-функции в приложениях Amazon, Gap и других
Электронная торговля берет курс на персонализацию: за счет «умного» поиска и подбора товаров, персональных рекомендаций, онлайн-стилистов и прочих инструментов. ИИ сможет анализировать все ваши покупки и предпочтения, составляя личные рекомендации с учетом ваших особенностей. Продуктовые сети уже реализуют подбор товаров на основе генетического теста и базовых медицинских показателей.
Подробнее о том, как будет развиваться онлайн-торговля продуктами и готовой едой — в материале РБК Трендов.
Еще один заметный тренд — гибридные форматы: когда офлайн-супермаркеты и розничные сети переходят в онлайн и открывают целые зоны для самовывоза или оформления покупок через интернет. Другой пример сочетания офлайн- и онлайн-формата — магазины Amazon Go: клиент может купить любой товар без касс и продавцов с помощью приложения и камер с распознаванием лиц.
Среди других трендов:
- под давлением рынка цифровизацию постепенно воспринимают даже в консервативных сферах потребрынка, завязанных на офлайн-продажи — например, застройщики и автодилеры;
- мировой рынок b2b e-commerce, который уже превышает обороты b2c, будет расти опережающими темпами, в среднем 17,5% ежегодно до 2027 года;
- мобильные приложения вытеснят все прочие каналы онлайн-продаж — на помощь потребителям придут «умные» голосовые помощники, AR-приложения для примерок, а также оплата при помощи PayPass.
Поиск информации в Интернете. Электронная коммерция в Интернете
Найти с помощью поисковых систем Rambler и Яндекс в Интернете сайты виртуальных компьютерных музеев.
- Найти статистическую информацию о росте российской части Интернета (Рунета).
- Найти сайты, содержащие информацию о ценах на компьютеры и комплектующие.
- Найти сайты, содержащие информацию о провайдерах Интернета вашего региона.
Найти ответы на вопросы, которые задавались на Кубке России по поиску в Интернете, проводившемся на поисковом сервере Яндекс:
Какова преобладающая глубина Белого озера (Вологодская область)?
Сколько весит золотник (в граммах)?
Сколько кантонов, объединившись, создали Швейцарию?
В каком возрасте (по мнению историков) умер фараон Тутанхамон?
Какое полное имя было у Остапа Бендера?
Сколько куполов на соборе Василия Блаженного на Красной площади?
Электронная коммерция в Интернете — это коммерческая деятельность в сфере рекламы и распространения товаров и услуг посредством использования сети Интернет. В настоящее время электронная коммерция быстро развивается и, по статистике, уже более 200 миллионов человек во всем мире регулярно совершают покупки в Интернет-магазинах. Хостинг. Одной из самых быстроразвивающихся областей электронной коммерции является хостинг (от английского слова host — сервер), т. услуги по размещению информации во Всемирной паутине. Хостинг включает в себя предоставление дискового пространства для размещения Web-сайтов на Web-серверах, предоставления к ним доступа по каналу связи с определенной пропускной способностью, а также прав администрирования сайта.
Баннер студии Артемия Лебедева
Баннеры могут быть как статическими (показывается одна и та же картинка), так и динамическими (картинки постоянно меняются). Щелчок мышью по баннеру приводит к переходу на Web-сайт, где можно более подробно узнать о товарах или услугах, которые рекламирует баннер.
Баннер «Из рук в руки»
Доски объявлений. Простейшим вариантом электронной торговли являются виртуальные доски объявлений, где продавцы и покупатели просто обмениваются информацией о предлагаемом товаре (аналог газеты «Из рук в руки»).
Логотип Интернет-аукциона «Молоток»
Интернет-аукционы. Интересной формой электронной торговли являются Интернет-аукционы. На такие аукционы выставляются самые разные товары: произведения искусства, компьютерная техника, автомобили и т.
Интернет-магазины. Самой удобной для покупателя формой электронной торговли являются Интернет-магазины. В российском Интернете существуют уже сотни магазинов, в которых можно купить всё: компьютеры и программы, книги и диски, продукты питания и др.
Покупатель в Интернет-магазине имеет возможность, ознакомиться с товаром (техническими характеристиками, внешним видом товара и т. ), а также его ценой. Выбрав товар, потребитель может сделать непосредственно из Интернета заказ на его покупку, в котором указывается форма оплаты, время и место доставки и т. Оплата производится либо наличными деньгами после доставки товара, либо по кредитным карточкам.
Скриншот главной страницы популярного Интернет-магазина «Озон» (ozon. ru)
Цифровые деньги. В последнее время для расчетов через Интернет стали использоваться цифровые деньги. Покупатель перечисляет определенную сумму обычных денег в банк, а взамен получает определенную сумму цифровых денег, которые существуют только в электронном виде и хранятся в «кошельке» (с использованием специальной программы) на компьютере покупателя. При расчетах через Интернет цифровые деньги поступают к продавцу, который переводит их в банк, а взамен получает обычные деньги.
Окно программы WebMoney (webmoney. ru)
План настройки E-commerce для интернет-магазина
Для работы потребуется внедренный на сайт контейнер GTM и Google Analytics с включенной электронной торговлей.
Сформулируем задачу. E-commerce подразумевает отправку данных с сайта о том, какие товары покупает пользователь, когда он заканчивает оформление заказа. Следовательно, требуется отправить данные о товарах в Google Analytics сразу после того, как пользователь заполняет форму заказа и нажимает кнопку.
Составляем пункты плана:
- Оформить событие отправки формы заказа пользователем при условии её заполнения
- Подготовить данные о товарах для отправки в Google Analytics сразу после события отправки формы
Создаем событие отправки формы заказа корзины с условием заполнения
Главное отличие события отправки формы заказа от обычного события на какой-то элемент, это наличие условия, что обязательные поля формы должны быть заполнены. Так как если создать событие только на клик по кнопке отправки формы заказа, то событие будет выполняться даже если форма не отправилась из-за какого-то незаполненного поля (не ввел имя, забыл вписать телефон и т.
В текущем примере, есть следующая форма заказа из корзины:
Обязательных поля в этой форме два (они подсвечены красным). Перед отправкой формы заказа, нужно проверить, что в этих полях есть введенное значение.
Для этой цели есть проверенный способ средствами GTM и небольшого программирования.
Для начала создадим Пользовательскую переменную — Собственный код JavaScript
Далее, введем следующий код JavaScript:
О том, что такое функции, переменные и условия, я объяснял в статье “Контекстный кодинг”. Если желаете разобраться в деталях, то рекомендую ознакомится.
В этой функции, есть две переменных — (name) имя и (phone) телефон, в которых в будущем будут значения полей формы. И условие if, которое гласит: Если имя и почта не содержат пустоту, то говорим (true) правда. В другом случае код скажет — (false) ложь.
Это и есть заготовка условия проверки. Теперь осталось в переменные name и email записывать данные из формы.
Сделать это достаточно просто. Нужно для начала найти элемент поля ввода на сайте и скопировать его Selector (селектор).
Пример в браузере Google Chrome:
Селектор, это уникальный путь к элементу, который позволит обращаться напрямую к нему и взаимодействовать с его атрибутами.
Далее, для теста найдем элемент в консоли браузера и попытаемся получить его value, предварительно заполнив поле ввода каким-то значением.
Для поиска элемента есть стандартная команда:
Выглядит это так:
Как видно, мы можем получать данные элемента по запросу.
Вставим эти команды в код проверки формы:
Важно: рекомендую копировать селекторы элементов формы в её исходном виде. То есть тогда, когда она еще не выдала ошибку при заполнении. Если говорить проще — перезагрузите страницу и только тогда копируйте селекторы.
Если вам тоже кажется, что эти селекторы смотрятся громоздко в коде, то в функционале GTM есть Пользовательская переменная — Элемент DOM, которая может получать данные элемента по селектору таким же образом, как и document. querySelector.
Заполняется она так:
А добавить в код нужно будет следующим образом:
Суть будет та же, но выглядит красивее.
В результате должна получится переменная проверки формы:
Я её назвал “Проверка на заполненность полей Оформить заказ” — чтобы точно было понятно что она делает.
Осталось сделать тег на отправку события и триггер на кнопку и после этого проверить работоспособность проверки.
Создаем стандартный тег на отправку события в Google Analytics:
Уверен с этим проблем не будет.
Далее, триггер. Нужно сделать триггер на клик кнопки “оформить заказ” и при этом сделать проверку заполненности полей.
Кнопку найдем с помощью селектора и добавим условие, чтобы переменная “Проверка на заполненность полей Оформить заказ” вернула нам true.
Условие: Click Element — соответствует селектору CSS позволяет сравнивать селектор элемента по которому был клик, с селектором условия. И при соответствии считает проверку успешной.
А вторым условием была подставлена переменная проверки, где ожидаемое значение: равно — true.
Конечный результат тега и триггера проверки отправки формы:
Важно: помните, что в теге Событие, поля Категория и Действия соответствуют Категории и Действию цели Google Analytics, которую вы создали.
Проверяем работу, не забыв обновить Диспетчер тегов и перезагрузив страницу сайта:
Без заполнения данных:
Условия не выполнены, событие не сработало и ничего не было отправлено.
При успешном заполнении:
После успешного оформления заказа сайт переадресует на страницу thanks, потому была показана статистика Google Analytics в реальном времени, где событие было отображено на временном графике.
Итак, отправка событий с формы работает успешно.
Шаблон проверки формы заказа гибок и его можно применять на разных таблицах с разными обязательными формами, просто меняя селекторы и изменяя количество переменных в условии. Например если бы там было еще обязательная переменная почта (email), то код бы выглядел так:
Событие отправки формы заказа по условию сделана, теперь перейдем непосредственно к настройке e-commerce.
Заполняем данные E-commerce в datalayer
Давайте разберемся для начала, какие данные нужны для e-commerce.
Для корректной работы e-commerce как минимум нужно:
transactionId — ID текущей транзакции (будет отображаться в отчетности Google Analytics)
transactionTotal — Сумма стоимости всех товаров
transactionProducts — Перечисление товаров
currency — Используемая валюта при покупке
Каждый товар в transactionProducts должен иметь следующие минимальные данные:
name — название товара
price — цена товара
quantity — количество единиц товара
sku — артикул товара
Здесь описаны дополнительные данные, которые можно собрать с помощью e-commerce
Отлично, теперь нам нужно определить, где взять в корзине сайта эти данные
Исходя из скриншота видно, что у товаров есть name, quantity и price. Но у товаров нету sku — это не проблема, разберем в процессе.
В корзине также есть сумма товаров, которую можно считать transactionTotal. В качестве currency (валюты) можно просто вписать RUB — т. на сайте используются рубли. А transactionId будет случайным числом, которое надо будет сгенерировать.
Начнем составлять шаблон для заполнения. Для этого нам потребуется тег “Пользовательский HTML”.
Внесем туда для начала переменные:
Выглядит для начала так:
transactionProducts равняется скобкам, потому что это обозначает в JavaScript будущий список значений. А учитывая, что туда будут динамично вписываться товары из корзины, то нужно написать именно так.
А теперь давайте последовательно заполним данными каждую переменную от простого к сложному.
Кстати если потребуется иная валюта, то просто впишите её аббревиатуру. Например для евро — EUR, для долларов — USD и т. Только не забудьте внести в кавычки как в примере (одинарные или двойные).
Внедряем полученную переменную в код:
Для этого нужно найти элемент на сайте, который выдает нужное значение:
Но прежде, давайте проверим в консоли, что это то, что нам нужно:
Как видно на гифке, первый вызов был по селектору с добавлением innerText — это позволяет получить данные записанные в найденном элементе.
И в выводе получился текст: “1 251 р. ” — что не подходит для записи в transactionTotal, т. нам нужно просто число.
Поэтому к следующему вызову был добавлен метод:. replace
Где в скобках первое значение в кавычках “что заменить”, а второе — “на что заменить”. В данном случае заменен: “ р. ” (конец строки после числа) на пустое значение. И на третий раз метод повторили и был убран лишний пробел, в результате получив число.
Рекомендую запомнить метод replace — определенно пригодится при поиске нужного значения на иных сайтах.
Результирующую комбинацию записываем в переменную:
Для начала повторим, что нам нужно сделать и в чём проблема.
В эту переменную нужно записать товары, которые были добавлены в корзину. Изначально неизвестно, какие товары будут добавлены в корзину и сколько их будет. Следовательно, элемент “товар” в корзине мы не можем выбрать по селектору, т. он непостоянный и динамичный. И в этом вопросе нам поможет немного логики и щепотка программирования.
Мы не можем работать с элементом которого может не быть, но мы можем работать с элементами, которые есть в корзине постоянно. И как бы “вслепую” работать с их дочерними элементами.
Смотрите пример ниже и разберем его далее:
Для начала, был найдена таблица, которая содержит все товары. Отличие таблицы от товаров — она статична и всегда будет на странице корзины, вне зависимости от количества товаров в корзине.
Далее, был взять селектор таблицы и найден в консоли. Следующим шагом, был использован метод children, который вывел список всех дочерних элементов — и это все товары.
Затем, с помощью квадратных скобок и введения номера, я мог выбирать любой дочерний элемент из списка. То есть сейчас имеется доступ ко всем товарам корзины и можно без проблем вписать данные каждого товара. Всё что требуется — создать последовательную запись каждого children таблицы.
Запишем следующее в код шаблона:
Что нового добавилось:
Объявлена новая переменная list, в которую записан селектор таблицы товаров с методом children. То есть по сути в list хранится список всех товаров. Осталось расшифровать данные, в чём нам поможет цикл for. О нём я подробно рассказывал в статье по контекстному кодингу, потому тут ограничусь краткой вводной.
В цикле for объявляется переменная i, которая принимает значение 0 и каждую итерацию цикла увеличивается на 1, до тех пор, пока длина списка товаров (list. length) больше переменной i. Например сейчас всего три товара в списке и list. length будет равно 3, значит цикл повторится 3 раза с увеличением переменной i на единицу каждый раз в конце прохода цикла.
Внутри цикла реализован следующий метод:
Как видно, можно обратится к children текущего children и найти интересующий нас элемент. В данном случае это был 1 элемент, который содержал нужный текст.
Следовательно можно дополнить переменную name такой формулировкой:
И теперь в name будет записываться название каждого товара.
С ценой и количеством поступим также:
При поиске количества товара как видно пришлось обратиться к дочернему элементу дважды и был получен нужный результат.
При поиске цены товара был задействован метод replace, чтобы избавиться от лишних символов.
В результате скрипт получится таким:
Теперь в цикле пополняется список актуальными данными каждого товара. Но как вы могли заметить, остался пустым sku — артикул товара. По той причине, что на сайте этих данных нет, а потом поле осталось пустым. Так же можно поступить и с любым другим полем, если по какой-то причине этих данных нет на сайте.
Ну и последнее — данные надо внести в datalayer.
Давайте ненадолго отвлечемся от текущей задачи и по простому разберем, что такое datalayer.
Это по факту список Google Tag Manager, в котором он записывает и хранит данные произошедших событий. Его можно вызвать в консоли браузера, чтобы посмотреть его записи:
Как видно, он хранит все события, которые были произведены GTM.
Кроме того, с помощью datalayer можно вызывать события и хранить данные:
datalayer может вызывать пользовательские события. Здесь например был вызван test_event.
И есть возможность сохранить переменные с помощью push, в данном случае — data_list.
И все эти данные хранятся до тех пор, пока страница не будет перезагружена. Что как раз и нужно, для того чтобы сохранить данные о товарах и отправить их сразу при отправке формы заказа.
Дополним наш скрипт на основе полученных знаний:
Был добавлен метод dataLayer. push в который внесено пользовательское событие (event) — ecommerce. Вызов пользовательского события пригодится нам в будущем.
И добавлены переменные, которые были ранее собраны.
В результате в datalayer будут нужные для e-commerce значения и будет произведен вызов пользовательского события. Давайте протестим работу, добавив к тегу событие на клик кнопки оформить заказ:
Как видно, всё работает. В datalayer есть актуальные данные товаров, даже при их изменении.
Остался последний шаг — отправить данные в Google Analytics.
Завершение цепи событий — отправка транзакции в Google Analytics
Был создан тег на отправку события формы заказа с проверкой, тег на сбор данных e-commerce и осталось сделать тег на отправку данных и связать все эти три тега вместе.
Для начала создадим тег отправки данных и привяжем его к пользовательскому событию:
Был создан тег в виде стандартного шаблона Google Analytics, где типом отслеживания была указана “транзакция”, а в качестве триггера было создано пользовательское событие ecommerce — то которое вызывает datalayer. Следовательно отправка данных будет сразу после того, как в datalayer попадут данные e-commerce.
Теперь осталось привязать событие добавления данных e-commerce при успешной отправке формы. Тут поможет порядок вызова тегов:
В теге отправки формы был настроен порядок активации тегов, где был указан тег для e-commerce. То есть тег e-commerce будет вызван сразу после отправки формы и не будет вызван, если произошла какая-то ошибка (неправильное заполнение например).
В результате выстраивается конечная цепочка тегов:
- Тег отправки формы заказа
- Тег заполнения данных для e-commerce
- Тег отправки данных e-commerce в Google Analytics
Вот и всё! Результат можно проверить либо в отчетах Google Analytics по электронной торговле, либо с помощью расширения браузера — GA Debug:
Если еще нет такого расширения — рекомендую поставить. Удобно для отслеживания отправки событий в Google Analytics.
Это конечно круто, но как это применить к моему сайту?
Весь перечисленный выше алгоритм и примененные шаблоны кода можно применить к большинству сайтов, где есть корзина в табличном виде (это почти все интернет-магазины). Однако алгоритм по минимуму, но придется подстраивать под ситуацию. Например естественно селекторы будут уникальны для разных сайтов, а набор children, чтобы найти name или price может быть другим.
Еще например встречались мне таблицы, где содержались не только товары, но и куски заголовков:
Тут сразу стало понятно, что в списке товаров самый первый элемент и последний были лишними, потому условие в цикле перечисления товаров был другим. Было исходно так:
for (var i = 0; i < list. length; i++)
На этой сайте сделано так:
for (var i = 1; i < list. length — 1; i++)
То есть цикл начинался не с первого элемента, а со следующего (i = 1, а не 0) и последний элемент не обрабатывался (list. length — 1, длина на 1 меньше).
На другом сайте товары были вообще через один:
Потому элементы нужно было брать с пропуском. И условие цикла было таким:
for (var i = 0; i < list. length; i =+ 2)
где каждый цикл, к i прибавлялось не 1, а 2 (i =+ 2)Следовательно и на вашем сайте возможно придется изменить шаблон в зависимости от условий.
Если ваш сайт сделан в конструкторе Tilda, то вот шаблон ecommerce:
Динамично, о чем свидетельствуют многочисленные профильные исследования. По данным Российского экспортного центра (РЭЦ), в 2018 году в сфере электронной торговли Россия продала товаров и услуг на $35 млрд. В этом году страна заняла девятое место в мире по объему электронной коммерции, а общий тренд мирового роста позволяет уверенно предполагать дальнейшее наращивание объемов e-commerce. В то же время продажи Китая, абсолютного лидера сегмента электронного ретейла в мире, за 2018 год составили $1,5 трлн, а в 2019 году могут достичь $2 трлн. По данным Statista, рынок электронной коммерции США принес в 2017 доход в $421 млрд, Европы — $330 млрд, дальнейший мировой рост также уверенно прогнозируется вместе с неминуемым объединением онлайн и офлайн ретейла.
Возвращаясь к российским реалиям, старший вице-президент РЭЦ Алексей Кожевников отмечает фокус центра именно на китайский опыт электронной торговли: «Мы изучаем китайский опыт работы с маркетплейсами, проникновение онлайн-систем в ретейл и привлекаем китайских партнеров с целью проведения тренингов для наших экспортеров, желающих развиваться в e-commerce». Фокус на Китай не случаен: 11 ноября 2019 года, в китайский «день холостяков», китайские маркетплейсы сделали продажи на $40 млрд, то есть — на $5 млрд больше, чем Россия за весь 2018 год.
С целью поддержки роста объемов e-commerce в РФ в период с 2019 по 2024 год создан нацпроект «Цифровая экономика». Основными целями нацпроекта являются повышение внутренних затрат на развитие цифровой экономики за счет всех источников (по доле в валовом внутреннем продукте страны) не менее, чем в три раза по сравнению с 2017 годом, и создание устойчивой, безопасной и общедоступной информационно-телекоммуникационной инфраструктуры высокоскоростной передачи, обработки и хранения больших объемов данных. Российским экспортным центром создан целый ряд сервисов для поддержки e-commerce: РЭЦ уже помогает предпринимателям в части подбора инфраструктуры, площадок, образования, регистрации и, что важно, господдержки. Центры поддержки экспорта РЭЦ в регионах субсидируют затраты предпринимателей, желающих регистрироваться и продвигать свою продукцию на маркетплейсах. Форсированная интеграция России в цифровизацию торговли, переход от массового производства к таргетированному клиенту, от крупных производителей к средним и малым компаниям на электронных платформах — актуальные задачи РЭЦ.
Какие самые успешные кейсы е-commerce?
Чтобы понять, как это возможно, достаточно оценить успех Alibaba — одной из крупнейших виртуальных торговых платформ Китая, зарабатывающей исключительно электронной торговлей. Измерить успех Alibaba просто: можно взять топ-100 первых российских компаний по капитализации, сложить их вместе и получить приблизительную цифру капитализации Alibaba — порядка $500-550 млрд. Впрочем, и в России есть прорывные кейсы электронной коммерции. Например, российский онлайн-ретейлер Wildberries Татьяны Бакальчук — это 15 лет на рынке, 27 тыс. сотрудников в штате, 500 тыс. заказов в сутки, пять заказов в секунду и 3 млн артикулов на сайте. По всем параметрам Wildberries сегодня опережает средние темпы роста в e-commerce в России, а Татьяна Бакальчук в 2018 году впервые вошла в список Forbes, став второй в России женщиной-миллиардером после Елены Батуриной.
Какие возможности дает электронная платформа каждому?
Продавать так же просто, как и покупать. Эксперты РЭЦ на сессии, посвященной e-commerce в рамках форума «Сделано в России», отметили, что электронная платформа — это возможность, которая есть сегодня у любого производителя, и неважно — что он производит. Маркетплейс позволяет найти своего клиента с минимальными издержками, снимая границы и барьеры. Продавцы, активно использующие интернет-каналы для расширения сферы своего влияния (международные площадки Amazon, eBay и прочие), получают возможность в десятки, сотни и даже тысячи раз расширить приток покупателей, увеличив доходы. И все это без крупных дополнительных временных и финансовых вложений. Сегодня Российский экспортный центр оказывает предпринимателям активное содействие в выборе бизнес-инструментов электронной коммерции и понимании их эффективного использования. Услуги РЭЦ по экспорту через каналы электронных продаж включают, среди прочего, методические пособия о доступе на международные торговые интернет площадки, консультирование по способам организации экспортной интернет-торговли и непосредственно размещение продукции на электронных торговых площадках с уже упомянутой ранее господдержкой. И если пример российской Wildberries кажется кому-то недосягаемым, то РЭЦ на сессии e-commerce представил гораздо более доступные: например, онлайн-магазин одежды для кукол Elenpriv молодой предпринимательницы Елены Передреевой. Своим звездным часом Елена назвала появление в России Paypal, позволившей студентке превратить хобби в бизнес и получать заказы из Японии, Италии и США. Сегодня Елена продает одежду для кукол в 55 стран мира, в компании заняты 40 человек, а в ближайшей планах — выход на Amazon.
В чем заключается суть e-commerce?
Техническая основа, на которой строится e-commerce, кажется даже проще, чем тот набор составляющих, без которых не может обойтись оффлайн-магазин. К техническому наполнению относится:
- сайт или интернет-магазин;
- база данных с товарами;
- система учета остатков запасов;
- CRM-система;
- система доставки товара покупателю и др.
Конечно, это сильно упрощенная модель, ведь каждую из этих категорий можно расписывать отдельно: однако самой важной составляющей из перечисленных будет являться хорошо работающий и грамотно построенный сервер, так как именно от него зависит скорость загрузки сайта.
Электронная коммерция, благодаря своему удобству и универсальности, реализуется во множестве ниш, в зависимости от ее целевой аудитории. Вот примеры ее успешной реализации:
- Онлайн-кинотеатры, подписки на музыку и книги. Позволяют легально наслаждаться плодами интеллектуального труда.
- Электронные доски объявлений. К ним относятся сайты типа Авито.
- Онлайн-сервисы оплаты государственных услуг. Своей популярностью обязаны экономии времени – больше не нужно стоять в очередях на оплату квартиры.
- Интернет-магазины и маркетплейсы. На них зиждется почти вся сфера e-commerce.
Какие существуют виды e-commerce?
Следующая классификация построена на разнице в целевой аудитории:
Как создать свой интернет-магазин?
Если вы собираетесь открыть интернет-магазин, стоит уделить большое количество времени его настройке – каждый его элемент от элегантной главной страницы до модуля оплаты должен быть максимально удобным для пользователя.
Едва покупатель заходит на ваш сайт, перед ним встает выбор – уйти или продолжить поиски. Если интерфейс и навигация домашней страницы не привлекают покупателей, да еще и долго грузятся, то шансов удержать покупателей становится все меньше и меньше. Однако несколько дополнений и вовремя проверенные настройки могут решить дело в вашу пользу:
- красивое оформление логотипа;
- высокая скорость загрузки сайта во всех браузерах и на всех устройствах;
- работающие ссылки на всех страницах;
- подборка самых популярных товаров;
- работающее поле поиска вверху вашего сайта;
- специальные предложения, рекламные акции, варианты бесплатной доставки;
- варианты выбора языка, если это необходимо.
О том, как увеличить конверсию интернет-магазина, подробно рассказали в одной из наших статей.
Лучшие платформы электронной коммерции
Сейчас, благодаря новой тенденции зерокодинга, начать заниматься онлайн-бизнесом может практически каждый. Зерокодинг означает то, что вам больше не нужны сложные навыки работы с кодом. Все программное обеспечение предоставляет сама платформа, на которой вы делаете онлайн-магазин.
Платформа Shopify – удобное решение для работы в сфере e-commerce, ведь на площадке можно успешно принимать оплаты со всего мира, причем практически без опыта создания сайтов. Для многих предпринимателей Шопифай действительно лучший способ начать свой путь в мире онлайн-бизнеса, так как в отличие от других конструкторов сайтов, он требует минимальных усилий и практически нулевых навыков создания веб-сайтов.
Также для его использования не нужны серьезные скиллы в программировании. Так как платформа была разработана для пользователей без продвинутых дизайнерских и технических навыков, она обладает максимально простой функциональностью.
Будущее электронной коммерции
Как и ожидалось, 2021 год не прошел незаметно для постоянно меняющегося рынка ecommerce. Все больше предпринимателей перестают использовать традиционные методы продаж, предпочитая что-то новое, чего еще нет у конкурентов, и что позволило бы выделиться в глазах покупателей, ведь от этого напрямую зависит конверсия магазина. В обиход входит все больше интересных “фишек” – одни устаревают, а другие только начинают свой расцвет.
К последним тенденциям сферы относятся:
- рост уровня популярности маркетплейсов
- ориентация на молодое поколение
- увеличение использования чат-ботов
- защита окружающей среды
- использование голосовой коммерции
- видеоконсультации из оффлайн-магазинов
- подписка на товары
- снижение сроков доставки
- платежное разнообразие
- рост расходов на привлечение клиентов
- омниканальность
- персонализация
Подробнее о каждой тенденции вы можете почитать в нашей статье. Все вышеперечисленные тренды указывают на одно – сфера e-commerce продолжает свое активное развитие. Миллионы людей наслаждаются тем, как легко совершать покупки в интернете, а доверие к онлайн-ритейлерам растет.
Платформы для покупки становятся все более удобными: добавляются новые способы оплаты и доставки, улучшаются маркетинговые стратегии, которые привлекают все больше новых клиентов. Неудивительно, что электронная коммерция переживает такой бум.
Что же дальше?
Как вы уже наверняка поняли из текста нашей статьи, электронная коммерция – один из самых перспективных и стремительно развивающихся сегментов рынка. Большое количество преимуществ перед офлайн-торговлей, а также постоянное совершенствование системы привлекают к себе внимание новых покупателей и производителей.
Зачем интернет-магазину отчеты электронной коммерции
Отчеты электронной коммерции помогут выбрать оптимальную стратегию продвижения интернет-магазина и увеличить продажи.
Из отчетов можно узнать:
- самые эффективные источники трафика;
- рекламные кампании, которые требуют доработки;
- средний доход визита — параметр, объединяющий конверсию и средний чек;
- товары, которые чаще всего просматривают, добавляют в корзину и покупают;
- соотношение данных по добавленным в корзину товарам и покупкам;
- непопулярные товары и категории, которые нужно оптимизировать;
- доходы от акций и наиболее эффективные промокоды.
Все эти данные помогут выявить точки роста и слабые места рекламных кампаний, понять, как улучшить сайт и что сделать, чтобы получать больше прибыли.
Подключение электронной коммерции в Метрике
По умолчанию электронная коммерция в Яндекс. Метрике отключена — ее нужно активировать. Затем необходимо настроить передачу данных на сайте, чтобы события по товарам и заказам поступали в систему веб-аналитики. Рассмотрим подробнее оба шага.
Активируем электронную коммерцию
Авторизуйтесь в Яндекс. Метрике, зайдите в настройки и включите тумблер «Электронная коммерция». Проверьте, чтобы в контейнере данных было указано dataLayer — в эту переменную будут записываться события, которые происходят на сайте.
Теперь обновите код счетчика, для этого найдите его, прокрутив страницу вниз, и скопируйте.
Проверьте, чтобы в коде была строка ecommerce:»dataLayer».
Код счетчика обновляют на всех страницах, с которыми взаимодействуют покупатели: каталог, карточки товара, корзина и т. Обратите внимание, что он должен быть размещен после тега head или body: код будет загружаться раньше и сможет зафиксировать данные, даже если посетитель быстро закрыл страницу.
Если вы еще не пользуетесь Яндекс. Метрикой, рекомендуем изучить наш гайд, в котором мы подробно рассказывали, как установить и настроить счетчик.
Настраиваем передачу данных
Тем, кто уже настраивал расширенную электронную торговлю для Google Аналитики, ничего делать не нужно — данные будут автоматически передаваться в Метрику.
Если вы этого не делали, на страницах сайта нужно разместить специальные JavaScript-коды, которые собирают и передают информацию о товарах и заказах.
В основе скрипта передачи данных электронной коммерции находятся объект (товар) и действия (добавить/удалить из корзины, посмотреть, купить). Чтобы получать более подробные отчеты, передавайте как можно больше параметров, например, не только наименование товара, но и бренд.
Подробнее о настройке передачи данных с помощью кода рассказано в Яндекс. Справке.
При отсутствии навыков работы с JavaScript лучше обратиться к разработчикам, т. ошибки могут привести к сбоям на сайте.
Плагины Яндекс. Метрики для CMS
Если интернет-магазин базируется на CMS, то можно поступить еще проще — подключить плагин Яндекс. Метрики. Тогда работать с кодом не потребуется, данные будут передаваться автоматически. Нужно будет только установить счетчик на сайт и активировать электронную коммерцию в Метрике так, как мы описали выше. Код счетчика тоже не придется обновлять, это произойдет автоматически.
Посмотрите список плагинов и выберите подходящий для своей CMS.
Перед установкой убедитесь, что на сайте не активированы другие расширения, задействующие счетчик Метрики: в их названии обычно присутствует слово «Метрика», «Metrica» или «Metrika». Если такие модули есть, деактивируйте их.
Также рекомендуем сделать резервную копию сайта, чтобы в случае неудачи была возможность откатиться до предыдущей версии.
Но проблем обычно не возникает, процесс установки можно разделить на 2 этапа:
- Плагин скачивают на сайт из панели администратора или из маркетплейса.
- В настройках указывают номер счетчика и другие параметры.
Рассмотрим процесс подключения плагина Яндекс. Метрики на примере трех популярных CMS.
WordPress
Откроется страница с расширениями, которые можно установить. Через поисковую строку найдите Яндекс. Метрику, выберите официальный плагин Яндекса и установите его, кликнув по кнопке.
Затем активируйте плагин, для этого нажмите на соответствующую ссылку.
В настройках плагина укажите номер счетчика. Можно отключить функцию вебвизора, но мы рекомендуем оставить, чтобы наблюдать за действиями посетителей во время визита.
В поле «Тип бренда» выберите «Термин» или «Произвольное поле». Последнее актуально, если на сайте установлен плагин, отвечающий за функционал брендов, или вашей темой на WordPress предусмотрено произвольное поле.
В строке ниже укажите название произвольного поля бренда. Узнать его можно в базе данных в произвольных полях товара.
«1С-Битрикс»
На «1С-Битрикс» установить плагин Метрики можно также через административную панель, но мы покажем, как это сделать через маркетплейс.
Откройте плагин, нажмите «Установить».
Во всплывающем окне введите адрес вашего сайта и снова нажмите «Установить».
Откроются настройки плагина, выберите свой сайт и укажите номер счетчика.
Чтобы в отчетах отражались данные о брендах, откройте дополнительные настройки и заполнить поле «Свойство элемента “Бренд”».
OpenCart
Далее нажмите на кнопку с карандашом, чтобы перейти в режим редактирования.
Откроется форма настроек, укажите в ней номер счетчика и сохраните изменения.
Счетчик установлен, теперь можно формировать и анализировать отчеты электронной коммерции.
Анализ отчетов электронной коммерции
Как их можно анализировать, рассмотрим на примере небольшого интернет-магазина, который продает развивающие игрушки для детей.
Заказы
Отчет поможет выявить самые эффективные каналы трафика, в нем 6 метрик:
- визиты;
- количество покупок;
- количество посетителей, купивших товар;
- доход;
- средний доход визита;
- средний доход покупки.
Данные лучше отсортировать по визитам или доходам, так будет нагляднее.
Мы видим, что на сайт в основном приходят из поисковых систем и этот источник приносит наибольший доход. Рекламные кампании тоже дают существенную долю трафика, при этом средний доход визита здесь выше, по сравнению с переходами из поисковых систем. Это означает, что люди, пришедшие по рекламе, чаще покупают или выбирают самые дорогие товары, поэтому этот канал и дальше стоит развивать.
Любой источник трафика можно открыть и проанализировать детально. Например, можно открыть переходы по рекламе и выявить самые эффективные кампании.
Содержимое заказов
В этом отчете отображаются все заказы за определенный период, здесь 3 параметра:
- ID покупки;
- количество товаров в заказе;
- общая сумма покупки.
Каждую покупку можно открыть и посмотреть, какие товары в нее входят. Это позволит детально изучить самые дорогие заказы и узнать, что больше всего интересует покупателей.
На скрине видно, что купили 4 товара на сумму 3950 рублей. Пластилин с набором для лепки встречается и в других заказах, то есть их часто покупают вместе. Эта информация пригодится при составлении подборок сопутствующих товаров или для разработки акций.
Популярные категории и бренды
Этот отчет поможет определить популярные категории, в нем 5 метрик:
- визиты;
- просмотры товаров;
- посетители, просмотревшие товар;
- товаров добавлено в корзину;
- товаров куплено.
Если отсортировать данные по просмотрам, можно узнать, какие категории клиентам наиболее интересны, а если по покупкам — что покупают чаще всего.
Мы настроили сортировку по покупкам и обнаружили, что конструкторы, пластилин, мозаики и настольные игры покупают чаще.
На самые «ходовые» категории можно делать ставку при расширении ассортимента: добавить похожие товары и аналоги других брендов.
Популярные товары
Этот отчет похож на предыдущий, здесь такие же метрики, но статистика по товарам отображается без привязки к категориям.
Товары в корзине
Отчет покажет, какие товары чаще всего добавляют в корзину и сколько из них в итоге покупают, здесь 6 метрик:
- визиты;
- товаров добавлено в корзину;
- количество посетителей, добавивших товар в корзину;
- стоимость добавленных в корзину товаров;
- товаров куплено.
На скрине видно, что клиентам интересны магнитные конструкторы и их часто добавляют в корзину, но продаж не так много. Причина может быть в цене, в недостаточно полном описании товара или просто на сайте есть более выгодный аналог.
Заказанные товары
Здесь собрана информация о купленных товарах:
- визиты;
- товаров куплено;
- стоимость купленных товаров;
- количество посетителей, купивших товар.
В отчете отображается, сколько единиц каждого товара было продано за указанный период времени. Если отсортировать данные по количеству купленных товаров, можно узнать, что чаще всего заказывают. Также можно посмотреть общий доход с продаж за определенный период.
Промокоды
Отчет для оценки эффективности промокодов, в нем 4 метрики:
- визиты;
- количество покупок;
- количество посетителей, купивших товар;
- доход.
Если отсортировать данные по доходам, можно выявить акцию, которая принесла магазину больше всего выручки.
По промокоду NMPazl44 отправлялась игрушка в подарок при заказе на сумму от 2000 рублей. В нашем случае он оказался наиболее эффективным — значит подобные акции стоит проводить и дальше.
Все отчеты, которые мы рассмотрели, можно гибко настраивать: устанавливать дату, просматривать данные по сегментам аудитории, создавать группировки. К тому же станут доступны сами ecommerce-метрики, их можно добавлять в другие отчеты и получать по ним более подробную статистику.
Коротко о важном
- Отчеты электронной коммерции помогут оценить результативность каждого канала привлечения клиентов, оптимизировать рекламные кампании на основе данных и нарастить продажи.
- Электронная коммерция в Метрике по умолчанию отключена, ее нужно активировать в настройках.
- Настроить передачу данных в Метрику можно при помощи JavaScript-кодов (в этом случае стоит обратиться к разработчику). Но самый простой способ — установить плагин для вашей CMS.
- В группе «Электронная коммерция» доступно 7 отчетов, которые позволяют всесторонне проанализировать эффективность источников трафика, популярные у пользователей товары, категории и бренды и другие данные.
Активируйте электронную коммерцию в Яндекс. Метрике, настраивайте передачу данных и получайте больше информации для эффективного продвижения вашего интернет-магазина.