Интеграции

Как добавить рекомендатель размеров на ikas

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

  • Автор YourSizer Editorial
  • Опубликовано
  • 4 мин чтения
На этой странице
  1. Почему рекомендация размеров на ikas требует другого подхода
  2. Пошаговая инструкция: установка виджета
  3. Сравнение ikas с другими интеграциями подбора размеров
  4. Измерение эффекта после запуска
  5. Часто задаваемые вопросы

Если у вас магазин на ikas и возвраты съедают маржу, решение обычно не в новой теме — а в том, чтобы дать покупателю уверенный ответ по размеру до нажатия кнопки "купить". ikas стала одной из самых быстрорастущих платформ витрин как в Турции, так и на международном рынке, но её более новая архитектура означает, что виджеты подбора размеров нельзя устанавливать так же, как на старых платформах. В этом руководстве точно описано, как добавить рекомендатель размеров на ikas, включая две ловушки, на которых спотыкается большинство интеграторов.

Почему рекомендация размеров на ikas требует другого подхода

ikas хранит данные о товарах и вариантах в виде отрендеренного блока данных, а не через простую DOM-структуру, которую можно спарсить общим скриптом. Это значит, что любая интеграция подбора размеров на ikas должна читать данные из __IKAS_DATA__ (или эквивалентного runtime-объекта), а не угадывать CSS-классы, которые меняются от темы к теме. Если ваша интеграция следит только за DOM, она сломается в тот момент, когда продавец сменит тему или ikas выпустит обновление витрины.

Второй нюанс — кэширование. Витрины ikas агрессивно кэшируются на edge-уровне, часто на несколько минут, поэтому тег скрипта, добавленный через админ-панель, может не появиться на витрине сразу. Планируйте запуск и QA с учётом небольшой задержки, а не мгновенного распространения.

Пошаговая инструкция: установка виджета

1. Найдите точку внедрения скрипта

В админ-панели ikas перейдите в Настройки и найдите раздел скриптов/кода отслеживания витрины. Именно здесь сторонние встраивания — включая виджет рекомендации размеров — добавляются на весь сайт, аналогично тому, как вы бы добавили Google Tag Manager. Оберните загрузчик своего виджета в стандартный тег script; избегайте инлайн-обработчиков событий, которые предполагают разметку конкретной темы.

2. Безопасно читайте данные о товаре

Вместо парсинга HTML читайте ID товара, список вариантов и категорию из runtime-объекта данных, который ikas предоставляет странице. Считайте этот блок доступным только для чтения и "замороженным" в момент загрузки страницы — если покупатель меняет вариант на клиенте без полной навигации, вам нужен слушатель (а не однократное чтение), чтобы держать рекомендатель синхронизированным с выбранным вариантом.

3. Сопоставьте таблицу размеров

Загрузите или подключите таблицу размеров вашего бренда в панель YourSizer, сопоставив каждый вариант ikas (S/M/L, EU/US/UK и т.д.) с вашей внутренней сеткой размеров. Этот шаг важнее самого размещения виджета — рекомендатель хорош ровно настолько, насколько хороша таблица размеров за ним.

4. Разместите триггер рекомендации

Добавьте кнопку "Подобрать мой размер" или встроенный модуль рекомендации рядом с селектором размера, а не в самом низу страницы. Размещение прямо над или рядом с выбором варианта стабильно даёт наибольшую вовлечённость, поскольку перехватывает покупателя точно в момент принятия решения.

5. Протестируйте на разных темах и с учётом задержки кэша

Из-за описанного выше поведения кэша тестируйте на реальном (не превью) URL витрины и ждите несколько минут после любого обновления скрипта, прежде чем делать вывод о неисправности. Тестируйте минимум на двух разных темах ikas, если ваш магазин использует кастомный код темы, так как имена классов и контейнеры разметки различаются.

Сравнение ikas с другими интеграциями подбора размеров

ПлатформаМетод доступа к даннымТочка внедрения скриптаЗадержка кэша
ikasRuntime-блок данных (__IKAS_DATA__)Раздел скриптов витрины в админкеДа, несколько минут
ShopifyШаблон Liquid + theme app extensionРедактор темы / app blockМинимальная
TicimaxСерверный рендеринг HTML + скрипт-загрузчикФиксированный загрузчик платформы (не редактируется)Минимальная
T-SoftREST API с токен-авторизациейВнедрение кастомного сниппетаМинимальная

Если у вас мультиплатформенный бренд, логику подбора размеров и данные таблицы размеров можно использовать совместно, но каждой витрине нужен собственный уровень интеграции — посмотрите, как та же задача решается на Ticimax, на Shopify и на T-Soft.

Измерение эффекта после запуска

После запуска виджета отслеживайте еженедельно три показателя: частоту использования рекомендации (процент сессий на странице товара, взаимодействующих с рекомендателем), долю возвратов из-за размера и конверсию сессий, использовавших рекомендатель, по сравнению с теми, что не использовали. Возвраты из-за размера стабильно остаются одной из крупнейших категорий в fashion-e-commerce, и их снижение напрямую влияет как на маржу, так и на складские расходы — эта закономерность задокументирована в розничных исследованиях таких компаний, как McKinsey. Быстрый рост ikas в Турции и на международном рынке означает, что всё больше магазинов впервые сталкиваются с этой проблемой по мере роста за пределы первых нескольких тысяч заказов — инфраструктура подбора размеров, работающая при малых объёмах, часто ломается при росте числа SKU и трафика.

Частые ошибки, которых стоит избегать

Не внедряйте скрипт как синхронный блокирующий тег — это замедлит загрузку страницы и ухудшит Core Web Vitals, что отметит встроенная отчётность о производительности ikas. Не зашивайте значения таблицы размеров прямо в скрипт; управляйте ими централизованно, чтобы обновления не требовали нового деплоя. И не пропускайте тестирование именно в мобильном Safari, так как мобильные витрины ikas иногда разрешают блок данных чуть позже, чем десктопные.

Часто задаваемые вопросы

Замедляет ли добавление рекомендателя размеров мою витрину на ikas?

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

Могу ли я использовать одну и ту же таблицу размеров на ikas и других платформах, например Shopify или Ticimax?

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

Почему мой виджет не появляется сразу после добавления скрипта в ikas?

ikas кэширует витрины на edge-уровне для производительности, поэтому изменения скрипта могут распространяться на живые страницы несколько минут. Всегда тестируйте на свежей, некэшированной загрузке, прежде чем делать вывод о неудачной установке.

Какие данные предоставляет ikas, которые нужны рекомендателю размеров?

ikas предоставляет ID товара, варианты и информацию о категории через runtime-объект данных на странице, который рекомендатель считывает, чтобы сопоставить выбор покупателя с данными вашей таблицы размеров.

Применить на практике

Посмотрите YourSizer в своём магазине

Рекомендация размера, 3D-модель тела и примерка по фото — на ваших карточках товаров за один день.