Смарт-баннеры: Mobile Web-to-App

Краткий обзор. Смарт-баннеры побуждают посетителей сайта перейти в ваше приложение.

wc2a.jpg

Материалы по теме: Решения для атрибуции Mobile web-to-app | Интеграция PBA и смарт-баннеров

Смарт баннеры

Смарт-баннеры

  • Отображаются в мобильной версии сайта вашего бренда, чтобы повысить показатель конверсии пользователей с высокой мотивацией.
  • Измеряют качество установок приложения, сделанных посетителями мобильной версии сайта.
  • Обеспечивают точную мобильную атрибуцию Web Campaign-to-App (переходов в приложение из веб-кампаний) по ВСЕМ медиа-источникам, включая сети с самостоятельной атрибуцией (SRN).
  • Выполняют атрибуцию по кликам или по количеству показов:

    • Клики: пользователь нажимает на смарт-баннер и переходит к установке.
    • Показы: когда баннер загружается (пользователь видит баннер), в AppsFlyer отправляется событие показа. 

Схема работы:

  1. Пользователь нажимает на рекламное объявление и направляется в мобильную версию сайта рекламодателя.
  2. В мобильной версии сайта рекламодателя отображается смарт-баннер.
  3. Пользователь нажимает на смарт-баннер:
    • если приложение не установлено, пользователь перенаправляется в магазин приложений для установки этого приложения;
    • если приложение установлено и настроены универсальные ссылки iOS, Android App Links и/или ссылки URI, приложение запускается.
  4. В приложении пользователь попадает на контент, связанный с рекламой.
  5. Данный пользователь атрибутируется медиа-источнику, показавшему исходное рекламное объявление.

Объем работ

Кто задействован

Маркетолог и веб-разработчик.

  • Веб-разработчику достаточно вставить фрагмент кода в HTML-код сайта.
  • Для всех остальных действий по настройке нужен только маркетолог.

Необходимые условия

  • Аккаунт AppsFlyer, в котором есть хотя бы одно приложение.
  • Шаблон OneLink со сведениями об одном или нескольких приложениях, которые требуется рекламировать с помощью смарт-баннеров.
    Он необходим, чтобы смарт-баннеры могли направлять посетителей мобильной версии сайта на нужные страницы магазина приложений в зависимости от используемых ими устройств. 

Необходимое время

Примерно 20 минут.

Результат

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

 Пример

Марк работает маркетологом в успешной компании по доставке продуктов Feed Me.
Марк хочет конвертировать посетителей мобильного сайта Feed Me в пользователей мобильного приложения. 

Для этого Марк использует смарт-баннеры с собственными визуальными эффектами и текстами.  

Смарт-баннеры работают на базе OneLink. Когда посетитель мобильного сайта нажимает кнопку CTA, он автоматически попадает в соответствующий магазин приложений или на лэндинг, где ему легко скачать приложение. Когда на кнопку CTA нажимает пользователь приложения, запускается приложение. 

Затем AppsFlyer атрибутирует клики/установки медиа-источнику и кампании, которые определил Марк.

 Важно!

Используйте либо смарт-баннер AppsFlyer, либо iOS Safari Smart App Banner, но не оба одновременно. Использование баннеров обоих типов может вызвать проблемы с отображением мобильной версии сайта и расхождения в атрибуции.

Процедура

Выполните следующие процедуры для настройки смарт-баннера, который:

  • направляет пользователей с мобильной версии сайта через смарт-баннер в нужный магазин приложений или на нужный экран приложения в соответствии с типами их устройств;
  • атрибутирует клики/установки вашим собственным медиа-источникам с помощью OneLink.

1. Настройка веб-сайта

Чтобы подготовить мобильную версию сайта к показу смарт-баннеров

  1. На дэшборде AppsFlyer перейдите в раздел Experiences & Deep Linking (Интерфейсы и диплинкинг) > Web-to-app > Smart Banners (Смарт-баннеры).
  2. Нажмите Create Website workplace (Создать рабочую область сайта).

    SB_website_workplace_en-us.png

  3. Введите имя рабочей области сайта.
  4. Нажмите Create (Создать).
    Откроется рабочая область сайта. 
  5. Копируйте фрагмент кода баннера. 
  6. Отправьте фрагмент кода баннера своему front-end разработчику для вставки в код сайта.
    Ему нужно выполнить это простое действие один раз для всего сайта. На следующих этапах привлечение front-end разработчика не требуется. 
  7. [необязательно] Скопируйте веб-ключ. (Этот ключ уже есть во фрагменте кода).
  8. Нажмите Continue (Продолжить).

2. Настройка группы баннеров

Группа баннеров содержит один или несколько баннеров. Здесь вы можете:

  • Выбрать шаблон OneLink, используемый группой баннеров, в котором указаны мобильные приложения, на которые нужно перенаправлять посетителей вашего сайта.
  • Задать определенную схему диплинкинга.
  • Определить правила таргетинга, график, поведение и атрибуцию, используемые всеми баннерами в группе.
  • Задать, какие страницы при их посещении активируют баннеры в группе.

Чтобы настроить новую группу баннеров:

  1. На дэшборде AppsFlyer перейдите в раздел Experiences & Deep Linking (Интерфейсы и диплинкинг) > Web-to-app > Smart Banners (Смарт-баннеры).
  2. Слева выберите Add Banner Group (Добавить группу баннеров).
  3. Введите уникальное имя для группы баннеров.
    Оно должно отражать тему, в рамках которой эти баннеры объединены в группу (например, рекламируемое приложение).
  4. Выберите шаблон OneLink для группы баннеров.
  5. [необязательно] Задайте схему URI для группы баннеров в качестве резервного варианта для пользователей универсальных ссылок и Android App Links. Она редко оказывается нужна, так как по умолчанию значение берется из шаблона OneLink. Задавайте этот параметр для группы баннеров, только если вам нужно значение, отличное от указанного в шаблоне.
  6. В основном и резервном параметре Attributed sources (Атрибутированные источники) укажите, каким источникам будут атрибутироваться новые установки при переходе с этой группы баннеров. Обратитесь к следующей таблице, чтобы выбрать оптимальный вариант для настраиваемой ссылки.

    Опция Когда выбирать Комментарии
    Использовать параметры UTM  Выбирайте, если большинство неорганических посетителей попадают на мобильную версию сайта из источников с параметрами UTM. 
    • Имя медиа-источника (pid) = UTM_Source 
    • Кампания (c) = UTM_campaign
    • Если параметры UTM_source или UTM_campaign отсутствуют, в качестве резервных используются статические имена.
    Использовать параметры входящей ссылки атрибуции Выбирайте, если большинство неорганических посетителей попадают на мобильную версию сайта из рекламных сетей с оплатой за клики, использующих ссылки атрибуции AppsFlyer. 
    • Все доступные параметры из входящих ссылок атрибуции AppsFlyer добавляются к ссылке смарт-баннера. 
    • Если параметр задан и во входящей ссылке атрибуции AppsFlyer, и в смарт-баннере, то в окончательной настраиваемой ссылке приоритет имеет значение, указанное во входящей ссылке.
    Добавить другой параметр атрибуции  Если требуется, укажите дополнительные данные атрибуции, связанные с сайтом. Это позволит более детально анализировать каждую установку.  Так, для сайтов электронной коммерции можно создать идентичные настраиваемые ссылки по каждой категории товаров, которые будут отличаться значениями параметра af_adset (например, для фруктов "af_adset=fruit") 
    Использовать параметры атрибуции по умолчанию
    • Выбирайте, если:
      • Большинство посетителей мобильной версии сайта являются органическими.
      • Неорганические пользователи не попадают на сайт из рекламных сетей с оплатой за клики или из источников с параметрами UTM.
    • Вы можете настроить значения параметров.
    Важно! Рекомендуется выбирать параметры UTM или входящей ссылки атрибуции, т. к. заданные по умолчанию параметры атрибуции смарт-баннеров в любом случае используются в настраиваемой ссылке как резервный вариант на случай, если имена медиа-источника, кампании или канала будут недоступны.
  7. [Рекомендуется] Задайте значение используемого по умолчанию параметра атрибуции Channel name (Имя канала), чтобы все установки после перехода со смарт-баннера атрибутировались указанному каналу. Это позволяет агрегировать информацию из нескольких медиа-источников по одному каналу в когортном отчете, на обзорном дэшборде, в отчете об удержании пользователей и т. д. 
  8. [Необязательно] Задайте значение параметра Dismissal behavior (Поведение после закрытия), т. е. минимальный временной интервал между закрытием пользователем одного баннера в группе и возможностью повторного показа этого баннера этому пользователю. Выберите один из вариантов:
    • По времени: 1 час, 1 день или 1 неделя.
    • Следующая сессия: то есть сессия, которая происходит в другой вкладке или в другом окне после того, как пользователь закрыл баннер.
    • Never (Никогда): баннер больше не показывается. 
      Примечание
      • Если пользователь очищает кэш браузера или открывает сайт в режиме приватного просмотра, параметр Dismissal behavior (Поведение после закрытия) сбрасывается.
      • Поведение после закрытия применяется именно к тому баннеру, который пользователь закрыл. Другие баннеры в группе по-прежнему могут отображаться. 
  9. [Необязательно] Задайте значение параметра Frequency capping (Ограничение частоты показов). 
    Ограничение частоты показов определяет, сколько раз каждый баннер в группе баннеров может быть продемонстрирован уникальному пользователю. Например, если частота показов ограничена тремя, а пользователь заходит на сайт четыре раза, в первые три визита он будет видеть баннер, а начиная с четвертого — не будет. Ограничение частоты показов можно отключить. Выберите значение или отключите ограничение частоты показов.  
  10. [Необязательно] Определите время активации группы баннеров: незамедлительно (по умолчанию) или задайте кампанию, ограниченную по времени.
  11. [Необязательно] Задайте Locations (Местоположения), для которых активируется группа баннеров.
    1. Чтобы показывать эту группу баннеров всем пользователям, выберите опцию Worldwide (Во всем мире). При необходимости можно исключить посетителей из других регионов или стран. 
    2. Чтобы показывать эту группу баннеров пользователям из одного или нескольких конкретных местоположений, выберите Pick specific location (Выбрать конкретное местоположение).
  12. [Необязательно] Задайте значение параметра Show on pages (Показывать на страницах), определяющего, посетители каких страниц будут видеть эту группу баннеров:
    • [По умолчанию] Show on all pages (Показывать на всех страницах) сайта.
      Примечание. Рекомендуем настроить показ на всех страницах хотя бы для одной группы баннеров в качестве резервного варианта.
    • Show on specific pages (Показывать на определенных страницах): укажите параметры, которые должны или не должны содержать страница или URL-адрес, чтобы показывать баннеры.  
      • Возможные варианты:
        • Specific page (Определенная страница): укажите хост и/или путь к странице, на которой будет показан баннер. Любые введенные запросы не будут приняты во внимание. Например: http://www.example.com/path?query
        • URL: укажите путь и/или запрос, или ключевое слово в пути/запросе для страниц, на которых будет показан баннер. Например: http://www.example.com/path?query
      • С помощью операторов И/ИЛИ можно добавить до 5 условий.
      • В случае конфликта между условиями баннер не отображается. 
  13. Нажмите Create Banner Group (Создать группу баннеров).
  14. [Необязательно] Чтобы снова отредактировать группу баннеров, наведите курсор мыши на пункт Targeting & behavior (Таргетинг и поведение) и нажмите Edit (Редактировать).

 Пример

Марк работает маркетологом в сервисе доставки продуктов Feed Me. Он хочет создать рекламную кампанию для распродажи слив. Марк решает использовать SMS-рассылку, а также рекламные сети и Google.

Чтобы подготовить кампанию, Марк:

  • Решает использовать как параметры входящей ссылки атрибуции, так и параметры UTM (с параметрами по умолчанию в качестве резервного варианта для кликов, которые поступают ни по входящей ссылке, ни от кампании UTM).
  • Присваивает рекламной сети уникальную ссылку атрибуции, которая будет использоваться в кампании по привлечению пользователей на страницу распродажи слив в мобильной версии сайта Feed Me. Эта ссылка содержит параметр перенаправления af_r с URL-адресом страницы распродажи слив: http://feedme.com/plums_link
  • Настраивает рекламную кампанию Google Ads для пользователей, посещающих в мобильной версии сайта страницы, содержащие «plums_utm».
  • Для СМС добавляет уникальные параметры атрибуции в ссылку кампании по привлечению пользователей на страницу распродажи слив в мобильной версии сайта Feed Me. Эта ссылка содержит параметр pid с URL-адресом страницы распродажи слив: http://feedme.com/plums_link?pid=sms&c=plums.

Кампания запускается.

Пользователи:

  • Видят рекламное объявление о распродаже слив, нажимают на него и переходят на мобильную версию сайта Feed Me.
  • Клики по объявлениям Google Рекламы и все остальные клики приводят на лэндинг входящей ссылки. На каждой странице активируется соответствующий смарт-баннер.
  • Видят смарт-баннер в мобильной версии сайта и нажимают на него. 
  • Попадают на страницу мобильного приложения Feed Me, загружают и устанавливают его. 
  • При запуске приложения попадают на экран, посвященный распродаже слив.
  • Корректно атрибутируются медиа-источникам, которые привели их на мобильную версию сайта Feed Me.

3. Настройка баннера

Чтобы создать баннер в группе баннеров:

  1. Нажмите Create Banner (Создать баннер), чтобы перейти на страницу редактирования баннеров.
  2. Задайте имя баннера.
  3. Создайте креатив:
    1. Нажмите Design creative (Создать креатив), чтобы задать креатив для баннера.
      Откроется окно для выбора шаблона баннера.

    2. Наведите курсор мыши на Creative template (Шаблон креатива) и нажмите Create (Создать), чтобы войти на страницу настройки креатива .
    3. Настройте все элементы креатива для смарт-баннера. Для этого выберите элементы по названию или нажмите на них в окне предварительного просмотра.
      • Название
      • Абзац
      • Звезды рейтинга
      • Кнопка закрытия
      • Призыв к действию
      • Логотип приложения
      • Фон
      • Внешние отступы баннера (для настройки размера баннера)
      • Используйте изображения следующих форматов: JPEG, JPG, PNG. 
        Примечание. Формат WEBP не поддерживается. Рекомендации по изображениям:

        Тип шаблона Максимальный размер файла DPI Пропорции
        Стандартный 300 КБ 72 9:4 (горизонтальный)

        Расширенный

        9:4 (горизонтальный)
        Рекламный 1:1
        Рекламная вставка 9:16 (вертикальное)
    4. Нажмите Review (Просмотр), чтобы увидеть креатив баннера и проверить, как он отображается на различных устройствах.
      Примечание. Баннеры в активных кампаниях могут немного отличаться от изображений для предварительного просмотра.
    5. Если нужно внести изменения, нажмите Back to editor (Вернуться в редактор).
    6. Нажмите Done (Готово), чтобы вернуться на страницу настройки баннера.
  4. [Необязательно] Добавьте настраиваемые параметры атрибуции. Например, ad_adset и af_ad.
    Примечание. Параметры pid, c и channel нельзя добавить на уровне баннера, потому что они относятся к уровню группы баннеров. 
  5. Когда новый креатив готов и сохранен, баннер получает статус активного. Используйте переключатель Status (Статус) для переключения между статусами Active (Активный) и Paused (Приостановлен). 
  6. [Необязательно] Чтобы преобразовать ссылку атрибуции из URL-адреса для привлечения пользователей в URL-адрес ретаргетинга, добавьте настраиваемый параметр is_retargeting=true.
  7. Нажмите Save all (Сохранить все), чтобы сохранить изменения, или Save all and close (Сохранить все и закрыть), чтобы сохранить изменения и закрыть страницу настройки баннера.

4. Тестирование

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

Чтобы протестировать креатив смарт-баннера: 

Необходимое условие: убедитесь, что фрагмент кода смарт-баннера интегрирован в код вашего сайта.  

  1. На странице Test Creative (Тестирование креативов) введите ссылку на вашу страницу, в которую интегрирован SDK для смарт-баннеров (см. следующую вкладку).
  2. Нажмите Generate (Создать).
  3. Копируйте созданную ссылку и отправьте ее на тестовое устройство или сканируйте QR-код тестовым устройством. Ссылка или QR-код должны привести вас на веб-страницу, на которой отображается баннер с креативом.
  4. Нажмите Edit Creative (Редактировать креатив), чтобы вернуться к настройке креатива, или нажмите Done (Готово), чтобы сохранить креатив.

Дополнительные сведения

Логика отображения группы баннеров

При определении того, какой смарт-баннер следует отображать (и следует ли), AppsFlyer принимает во внимание следующее:

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

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

Настройка группы баннеров Какие баннеры показывать Пример
Одна группа баннеров AppsFlyer равномерно распределяет показы всех активных баннеров из всех ваших групп баннеров между всеми подходящими пользователями. 
  • Пример 1: есть один активный баннер. Он показывается всем пользователям.
  • Пример 2: есть два баннера. 50% пользователей видят баннер 1, другие 50% видят баннер 2. 
  • Пример 3: есть три баннера, каждый баннер будет видеть 1/3 часть подходящих пользователей. 
  • Пример 4: нет активных баннеров. Ничего не показывается.
Несколько групп баннеров с одинаковыми правилами AppsFlyer равномерно распределяет показы всех активных баннеров из всех ваших групп баннеров между всеми подходящими пользователями. 

Есть 2 группы баннеров (A и B), в каждой по 3 баннера (всего 6 баннеров). Каждый баннер будет видеть 1/6 часть всех подходящих пользователей. 

Несколько групп баннеров с разными правилами AppsFlyer равномерно распределяет показы всех активных баннеров из группы, правила которой наиболее конкретно описывают подходящих пользователей. Если группы баннеров одинаково конкретны, но в отношении разных параметров, будут отображаться баннеры из всех этих групп. 
  • Пример 1. Есть две группы баннеров: A и B. Группа баннеров A настроена на показ во всем мире, а группа баннеров В настроена на показ в Японии. Группа баннеров В более конкретна, поэтому пользователи в Японии будут видеть только баннеры из этой группы. 
  • Пример 2. Есть две группы баннеров: A и B. Группа баннеров A настроена на показ во всем мире, а группа баннеров В настроена на показ везде, кроме Украины. Группа баннеров В более конкретна, поэтому баннеры из этой группы будут показаны пользователям по всему миру (кроме Украины). 
  • Пример 3. Есть две группы баннеров: A и B. Группа баннеров A настроена на показ в Японии, а группа баннеров B настроена на показ в апреле. Обе группы баннеров одинаково конкретны, но в отношении разных параметров. Поэтому в апреле в Японии отображаются баннеры из обеих групп, поскольку ни одна из групп баннеров не имеет приоритета над другой. 

A/B тестирование эффективности баннеров

Вы можете провести A/B тестирование эффективности отдельных баннеров. Для этого добавьте настраиваемые параметры атрибуции в креативы баннеров (шаг 4 настройки баннера), а затем используйте эти параметры для сравнения эффективности каждого баннера.

Можно добавить любые параметры, кроме pidc и  channel, потому что они относятся к уровню группы баннеров. 

Рекомендуется: задайте уникальное значение параметра af_adset в каждом креативе баннера. Затем используйте агрегированный отчет об эффективности, доступный на обзорном дэшборде AppsFlyer, чтобы легко сравнить эффективность, как показано на изображении ниже.

banner_performance.jpg

Вопросы и ответы

Вопросы и ответы

Почему мой баннер не отображается?

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

Ограничения

Ограничения Примечания
Планшеты
  • Смарт-баннеры предназначены для мобильных устройств, и их разрешения недостаточно для оптимизации для планшетов с большими экранами.
  • Браузеры на планшетах могут не распознаваться как мобильные устройства.
Настраиваемые параметры
  • В настраиваемых параметрах не допускаются следующие специальные символы: ;, *, !, @, #, ?, $, ^, :, &, ~, `, =, +, ’, >, <, /
  • Если вы зададите параметр с использованием одного из этих символов, то параметр не сохранится.
Распределение показов баннеров AppsFlyer равномерно распределяет показы всех активных баннеров между пользователями. Вы не можете выбрать, какие именно баннеры следует показывать чаще или реже. Например, если в группе два баннера, то каждый будет показан 50% пользователей. Распределение нельзя изменить на 70%-30%. 
Конкретная страница Когда вы настраиваете группу баннеров для отображения баннеров на определенной странице, правило баннера применяется только к указанному вами хосту/пути. Если нет точного совпадения (например, если на странице вашего сайта есть дополнительные строки, не включенные в настройку правила), то правило не применяется.
Была ли эта статья полезной?