Создание и настройка лендера

Лендер (он же "прелендер", он же "прокладка", он же "прокла") это промежуточная страница, которая отображается после того, как человек нажимает на ссылку в рекламном объявлении и предшествует странице оффера (offer page).


Предупреждение:

В русском языке используются понятия "прелендер" - "лендер", в то время как в английском: "lander" - "offer page" соответственно. В интерфейсе Zeustrak используется терминология английского языка, таким образом раздел меню Landers отвечает за прелендеры, пожалуйста запомните это и учтите при работе с системой!

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


Инструкция по созданию лендера в Zeustrak:

  1. В основном меню перейдите в раздел Landers > Landers List > и нажмите кнопку New Lander;
  2. Укажите имя (Name) для вашего лендера. Полное имя лендера (Full name) будет сгенерировано автоматически (Буквенный код страны + имя лендера);
  3. (Опционально) Выберите географию (Countries) для своего лендера. Учтите, что выбор гео для лендера не влияет на фильтрацию, а служит только для организации рабочего пространства вашей команды;
  4. Выберите папку для своего лендера (Folder). По умолчанию вам доступна папка General, но вы можете создавать сколько угодно папок лендеров и назвать их как угодно в разделе меню Landers > Lander Folders
  5. Выберите тип размещения вашего лендера (Location type). Вы можете разместить свой лендер на своем хостинге External hosting или внутри системы Zeustrak Cloud (рекомендуется).
    Нажмите кнопку Continue чтобы перейти на следующий шаг настройки лендера.

    Для хранения своих лендеров мы рекомендуем использовать облачный хостинг интегрированный в Zeustrak.

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

    Чтобы сохранить свой лендер в облаке Zeustrak, вам потребуется один HTML файл, и вы должны поместить все необходимые ресурсы в одну папку assets. Существует 3 способа добавить лендер в Zeustrak:

    Manual code typing - вы вручную пишете код лендера в редакторе кода или просто копируете и вставляете код в редактор. Внизу страницы находится папка assets, куда вы должны будете загрузить необходимые скрипты, картинки, файлы стилей CSS.


    Load lander by URL - вы можете воспользоваться этой функцией если ваш лендер расположен на вашем сервере и вы хотите его перенести в облако Zeustrak. Для этого укажите URL адрес вашего лендера в соответствующем поле и код лендера вместе с русурсами (скрипты, изображения, файлы стилей и т.д.) будут скопированы. Вам все равно нужно будет проверить код лендера, чтобы убедиться, что копирование прошло корректно.

    Load ZIP - эта функция предназначена для загрузки архива лендера в облако Zeustrak. Для этого нужно сделать следующее:
    1. Подготовьте лендер к загрузке;
      • Создайте новую папаку на вашем локальном компьютере и назовите ее assets. Поместите в эту папку необходимые ресурсы (скрипты, стили, изображения и т.д.).
      • Укажите пути до ресурсов в коде лендера. Путь должен быть относительным /assets/ваш-файл. Структура архива должна быть следующей:
        index.html
        ├── assets/style.css
        ├── assets/image.png
        ├── assets/script.js
      • ВАЖНО: Замените все ссылки в коде лендера, которые ведут на оффер на следующий шаблон: http://{trackingdomain}/click/?origin={origin}
      • Опционально: добавьте плейсхолдеры, если нужно, например {city}, {countyname} и т.п. Плейсхолдеры отображаются только на английском языке.
      • Вы можете передавать до 20 раличных переменных на лендер из трекинговой ссылки: {var1}, {var2}, {var3} ... {var20}
      • Опционально: вы можете использовать переданные значения переменных на лендере, например вот так: <h1>Заголовок {var1}</h1>
      • Опционально: если вам нужно передавать переменную с лендера в ссылку оффера, то в настройках шаблона оффера добавьте нужную переменную в ссылку оффера: http://affiliatenetworktrk.com/?a=123&c=456&s1={var1}
    2. Если вы хотите загрузить ваши файлы вручную, то прокрутите вниз страницы до секции Assets.

    3. Скопируйте и вставьте код вашего лендера в редактор кода (секция HTML code)

      ВАЖНО: вы ни в коем случае не должны загружать ненужные скрипты, в особенности такие, которые меняют URL адреса!
    1. Для того, чтобы трекинговые ссылки работали на лендере, который хранится на вашем внешнем хостинге (External hosting) вы должны передавать два обязательных параметра на такой лендер. Перейдите в свой шаблон источника трафика (Traffic source) и создайте два параметра лендера (origin и trackingdomain) как указано ниже на скриншоте:
    2. Отредактируйте код своего лендера:

      • Поменяйте все ссылки ведущие с лендера на оффер на следующий шаблон:
        http://{trackingdomain}/click/?origin={origin}
      • Добавьте этот скрипт в код лендера:
        <script>function g(n,d){var v=(RegExp(n+'='+'([^&]+?)(&|$)').exec(location.search)||[,null])[1];if(v){v=decodeURI(v)}return v||d}var zlinks=(function(){function fetch_link(url,data){url=decodeURI(url);var tail=[];for(var p in data){if(!data.hasOwnProperty(p)||typeof data[p]==='undefined'){continue}if(url.indexOf('{'+p+'}')>-1){url=url.replace('{'+p+'}',data[p])}else{tail.push(p+'='+encodeURIComponent(data[p]))}}if(tail.length){url=url+'&'+tail.join('&')}return encodeURI(url)}return{onload:function(data){window.addEventListener('load',function(){zlinks.update(data)})},update:function(data){var links=document.getElementsByTagName('a');var link;for(var i=0;i<links.length;i++){link=links[i];if(link.href.indexOf('origin')>-1){link.href=fetch_link(link.href,data)}}}}})();zlinks.onload({'trackingdomain':g('trackingdomain'),'origin':g('origin')});</script>
      • Как это работает?
        Когда пользователь перенаправляется на ваш внешний лендер, Zeustrak передает два параметра с данными - trackingdomain и origin - в URL лендера. Скрипт берет значения этих параметров из URL-адреса и заменяет соответствующие токены в URL-адресах (пример: {trackingdomain} на параметр trackingdomain из ссылки и т.д.).

      • Укажите URL-адрес вашего внешнего лендера.
        Вы можете использовать плейсхолдеры из списка под полем URL, чтобы передавать дополнительные данные из трекера на ваш лендер.
  6. Нажмите кнопку Create чтобы завершить настройку лендера.