Как правильно смотреть мобильные лендинги?

Когда работаешь с мобайлом часто приходится проверять, как выглядит страница оффера или свой лендинг на тех или иных устройствах. Для простых лендов обычно все хорошо. Если речь идет о чем-то сложном (одновременно планшеты, смартфоны, разные ориентации, разные раскладки, ретина), то проверять надо.

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

Как можно тестировать:

  • Можно прикинуться мобильником и поменять разрешение. Не подходит для сложных случаев.
  • Можно пользоваться сервисами. Тот же способ, что и первый. За исключением одного сервиса, но об этом ниже.
  • Эмуляторы. Если нет железок (а всех железок обычно нет), то идеальный способ.
  • Железки. Идеальный вариант, но нужны железки.

Прикинуться мобильником

Самый простой способ. Суть в том, что заменяется User-Agent и разрешение окна браузера. Плагинов полно. Если хотите получить мобильную страницу или примерно прикинуть, как она будет выглядеть — то подойдет.

Если хотите понять, как будут работать скрипты, как будет вести себя страница при разных раскладках, то не подойдет.

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

Сервисы

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

Единственный сервис, который я смог найти и который оказался на самом деле полезным — это http://www.keynotedeviceanywhere.com/. Сервис позволяет удаленно арендовать устройство и открывать на нем нужные сайты. Есть бесплатная версия с несколькими трубками, но без планшетов.

Эмуляторы

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

Бывают следующие:

  • Android:
    • Android SDK — в общем-то ок, но оооочень медленно. Лучше использовать альтернативные.
    • Android-x86 — быстрая альтернатива, ставится на VirtualBox
    • Genymotion — еще один быстрый эмулятор. У кого что приживется.
  • Windows Phone 7 — тут все просто, ставим Microsoft WebMatrix, там есть адекватная эмуляция, все заводится из коробки.
  • iOS — никаких альтернатив, кроме Xcode я не нашел. Все работает, все специфичные для железа баги воспроизводятся. Нужен Mac OS X. Может быть как-то можно поставить на Windows, не знаю, не пробовал.

Еще есть ряд каких-то совсем левых эмуляторов. Но смысл их существования мне не ясен. Все они используют свои движки и реальную картину не отражают.

Железки

Самый правильный вариант.

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

Я рекомендую под рукой держать пару Android-телефонов (2.2 и 4.0), планшет на Android, iPad и iPhone. Может понадобиться не только для тестирования, но и для мониторинга конкурентов.

16 комментариев к “Как правильно смотреть мобильные лендинги?”

  1. Интересный пункт: «Смотрю на конкурентов, как крутят оффер»
    Как смотреть, что крутят по конкретной версии андроида, определенных операторов Бразилии, например?

    Ответить
    • Каким-то простым и универсальным способом никак. Зачем?

      Посмотреть по стране/OS достаточно, чтобы понять, как уже крутили и как можно сделать лучше.

      Копирование не работает, много раз писал об этом.

      Ответить
  2. Как всегда отличный пост.

    По поводу веса ленда — на личном опыте убеждался на сколько важна скорость загрузки, поэтому полностью исключил использование jquery. Все интерактивные плюшки стараюсь сделать на голом js, что позволяет экономить 100+кб.

    barsag, у тебя все очень систематизировано, поэтому не удивлюсь что такой момент у тебя тоже отработан: если речь идет об офферах в особенности с небольшой выплатой, сколько сливаешь на комбинацию баннер-ленд до того как отбраковываешь их как нерабочие (чтобы исключить статистическую погрешность)? Ведь комбинаций на старте получается довольно много, а погрешность — штука капризная

    Ответить
    • Тут скорее зависит от стратегии тестирования.
      Если выплата небольшая, а лиды идут бодро, то есть хотя бы -50% на старте, то просто делаю примерно так:
      — лью 200-300 стоимостей лидов, ничего не оптимизирую, кроме совсем явного треша
      — отрезаю примерно 50% худших баннеров и лендов, смотрю какие баннеры с какими лендами лучше работают, при необходимости бью кампанию на несколько
      — смотрю взаимосвязь других параметров, тоже бью кампанию, например если трубка идет только с одним оператором, а с другим не идет

      — в этот же период выявляется еще треш среди трубок, площадок и операторов, отключаю
      — на этом или раньше кампания выходи в плюс и начинаются MVT лендов и баннеров

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

      Если говорить о комбинации ленд-баннер, то 10-15 лидов на комбинацию, на проверку качества ленда 10-20 лидов минимум.

      Но стратегии могут быть и другими, если лид 15-20 долларов, то стратегия будет отличаться.

      Ответить
  3. Вот интересно, что делать дальше, когда весь треш отрезан и выявлены нужные трубки? Предположим осталось 2 трубки, 1 оператор. Откуда траф то доставать? Тут же масштабироваться нераельно. Срезав так сильно источники трафа, милионный траф уже не получится собрать. Или надо идти в другие сетки и выкупать у них такой же траф? Какие кстати сетки посоветуешь в России под мобильный траф, где покупать? Adfox?

    Ответить
    • Предположу, что:
      — бюджет на тестирование был небольшой,
      — лендов не было вообще или было мало и/или использовался один подход продвижения,
      — баннеров было мало и/или были в основном баннеры адверта,
      — сетка на момент тестирования была одна или две.

      Если:
      — хоть в одном пункте прав, то ситуация с двумя трубками и одним оператором — это ошибка тестирования.
      — во всех предположениях ошибся, то надо бросать оффер и идти дальше.

      Тема интересная, для отдельного поста, пожалуй.

      Во всех сетках есть траф почти всех стран, в том числе и ру.

      Ответить
  4. Barsag, подскажи, пожалуйста, исходя из своего опыта, какая схема выгоднее:
    а) Лить ру-траф из ру-источников (мобильные сети) на бурж-офферы
    б) Лить ру-траф из бурж-источников (мобильные сети итд) на ру-офферы (ру-спа-сети)
    в) Лить ру-траф из ру-источников на ру-оферы (наших спа-сетей)
    Не пробовал, но кажется, что вариант а) может быть прибыльнее, если найти бурж офферы, которые принимают ру-траф.
    Спасибо.

    Ответить
    • Я не работаю с ру плотно, но все три способа работают прямо сейчас. По моему же опыту схема а) скорее всего заведется хуже всего, по ряду причин, но и ее можно заставить работать очень хорошо.

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

      Арбитраж же как раз про тестирование очень определенных комбинаций.

      Ответить
  5. «Можно считать это анонсом к руководству по созданию мобильных лендингов, которое я сейчас делаю.»- все еще хз когда сделаешь или уже готово?)

    Ответить
    • Потестировали ленды. Некоторые сработали хорошо, некоторые не очень. Нужно брать и те, что сработали не очень, делать из них варианты и тестировать дальше.

      Ответить

Оставьте комментарий