Пришло время немного проверить ваш HTML-код. Следующие шаги довольно просты в управлении. Прежде всего, откройте свой HTML-код и перейдите на LandingTrack.
В меню нажмите › Лэндеры, а затем нажмите кнопку › +Создать лендинг.
Просто добавьте имя к вашему Lander/Prelanding, описание (не обязательно) и URL-адрес вашего HTML.
Пример: http или https://myprelanding.com/ и добавьте к URL-адресу токен домена под полем — ?domain={{DOMAIN}} Затем сохраните его.
Сразу после сохранения вы увидите новый предварительный лендинг, поэтому нам нужно нажать кнопку › Редактировать лендинг, чтобы получить код, который будет помещен в наш HTML-текст.
Нажмите кнопку ›Редактировать лендинг.
Если вам нужно поймать более одного значения/токена, не стесняйтесь добавлять следующие параметры и добавлять их к своему URL-адресу.
Как только произойдет щелчок, информация будет передана на ваш предварительный лендинг. Например, следующая настройка будет захватывать БРАУЗЕР, СТРАНУ (Из базы данных LandingTrack), а также ДАННЫЕ1 (которые соответствуют системе ОС в нашем источнике трафика) → то есть: если вы работаете с PopCash и добавляете URL-адрес кампании &d1={os}, PopCash будет размещать операционную систему посетителя на вашем преленде ;)
Есть 2 способа добавить CLICK URL в прелендинг.
1 простой › HREF
2 Расширенный режим › наш скрипт
Сначала выберите Easy href, а затем выберите свой домен, он сгенерирует URL-адрес клика.
<a href='//tfijkyltbobs.unicornpride123.com/cl'><a>
Как разместить это на моем преленде?
Чтобы установить URL-адрес клика href, вам просто нужно вставить данный код в свой HTML, внутри тега body (‹body›‹/body›) и вуаля. Добавьте текст между › и ‹, чтобы пользователь мог щелкнуть его!
<body> <!-- some html code --> <a href='//tfijkyltbobs.unicornpride123.com/cl' class="button">CONTINUE</a> <!-- maybe more html code --> </body>
И это было бы все. Всегда проверяйте после настройки, чтобы убедиться, что все работает нормально, прежде чем начать отправлять трафик в свою кампанию.
Дополнительно, просто выберите вариант и следуйте инструкциям
Вот и все, это фрагмент кода, который вам нужно скопировать и вставить в ваш HTML.
Позвольте нам объяснить вам, как это работает и что такое ‹div› ‹/div›PART и ‹script› ‹/script›один.
Код между этими тегами ‹div› ‹/div› относится к компоненту видимой кнопки. Важно, чтобы у него был атрибут id, который можно использовать для связи с его функциональностью.
<div id=”_10wqsbhp9l” style=”text-align: center; margin: auto; border: 2px solid #aaa; padding: 6px 14px; display: inline-block; position: relative; border-radius: 3px; background: white; box-shadow: 0 1px 3px rgba(100,100,100,.2);”> Click Here </div>
Тег script содержит функции, связанные с кнопкой выше. Важно разместить его в коде HTML как можно ближе к ‹/body› (закрывающему тегу body).
<script> let _ele = document.querySelector(“#_10wqsbhp9l”); if (_ele) { let _url = new URL(window.location.href); let _clk = _url.searchParams.get(“cl”) || (() => { let m = /[&\?]{1}cl=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “cl”; let _dom = _url.searchParams.get(“domain”) || (() => { let m = /[&\?]{1}domain=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “domain.com”; _10wqsbhp9l = () => {window.location.href = ‘//’ + _dom + “/” + _clk;}; _ele.addEventListener(“click”,_10wqsbhp9l); _ele.setAttribute(“onclick”,”_10wqsbhp9l()”); } </script>
Теперь рассмотрим реальный пример, возьмем наш HTML-код:
И мы добавим наш LandingTrack ‹script›
Здесь у нас есть пример кода HTML.
<head> … many things </head> <body> <! — EXAMPLE CONTENT → <h1>Your pre-landing title> <p>Description about what you are offering</p> <div class=”promo”> <h2>Promotion</h2> <p>Explanation about this single promotion</p> </div> <! — // EXAMPLE CONTENT → </body> </html>
Ваш предварительный HTML-код может сильно отличаться от этого примера, но есть много общих моментов, которые вы можете использовать в качестве справки.
Краткое объяснение компонентов HTML:
‹html› … ‹/html›:Ваш прелендинг должен содержать эти теги, все, что находится между ними, — это контент, который вы увидите позже.
‹head› … ‹/head›:Заголовок вашего HTML, в нем должны быть размещены некоторые важные элементы, такие как заголовок, стили, метаинформация и многое другое. Нам не нужно трогать это.
‹body› … ‹/body› : Все, что видно, размещается здесь. Мы разместим код здесь.
Итак, теперь мы можем распознать конкретный тег, в который мы помещаем код LandingTrack:
<head>
… many things
</head>
<body>
<! — EXAMPLE CONTENT →
<h1>Your pre-landing title>
<p>Description about what you are offering</p>
<div class=”promo”>
<h2>Promotion</h2>
<p>Explanation about this single promotion</p>
</div>
<! — // EXAMPLE CONTENT →
PLACE YOUR CODE HERE
<div id=”_10wqsbhp9l” style=”text-align: center; margin: auto; border: 2px solid #aaa; padding: 6px 14px; display: inline-block; position: relative; border-radius: 3px; background: white; box-shadow: 0 1px 3px rgba(100,100,100,.2);”> Click Here </div>
<script> let _ele = document.querySelector(“#_10wqsbhp9l”); if (_ele) { let _url = new URL(window.location.href); let _clk = _url.searchParams.get(“cl”) || (() => { let m = /[&\?]{1}cl=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “cl”; let _dom = _url.searchParams.get(“domain”) || (() => { let m = /[&\?]{1}domain=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “domain.com”; _10wqsbhp9l = () => {window.location.href = ‘//’ + _dom + “/” + _clk;}; _ele.addEventListener(“click”,_10wqsbhp9l); _ele.setAttribute(“onclick”,”_10wqsbhp9l()”); } </script>
JUST BEFORE THE </body> CLOSING TAG
</body> ← — THIS IS THE <body> CLOSING TAG
</html>
— — — — — — — — — — — — — — — — — — — — — — — -
¿Как связать его с URL вашего предложения (рекламное предложение)?
После того, как вы создали свое измерение, мы должны проверить следующую вкладку.
Предложения параметров/вкладок
Установите флажок рядом с предложением, чтобы выбрать его, и нажмите Действия ›, затем выберите Добавить лендинги в предложения.
После того, как вы выбрали их, нажмите СОХРАНИТЬ
Если вы хотите «отключить» опцию Direct (прямые клики на ваше предложение), просто нажмите на колесо
Таким образом, весь трафик будет вращаться между двумя посадочными модулями. Если вы хотите чередовать трафик вручную, просто нажмите на колесико и выберите нужный вес.
Что делать, если я хочу чередовать офферы с одним и тем же прелендом?
Давайте сначала добавим кучу предложений, нажав «Действия»:
Сразу после этого просто выберите офферы и нажмите на действия, чтобы добавить свои преленды.
Теперь, когда мы создали нашу «смартлинку» с нужным прелендингом и предложениями, которые будут чередоваться, мы должны решить, хотим ли мы отключить перенаправление по нашей прямой ссылке или нет (эта опция предназначена для принудительного включения LandingTrack сначала перейти на прелендинг)
И, наконец, как только вы закончите, просто включите путь, чтобы, как только трафик начался, LandingTrack сделал все остальное.
Поздравляю!! у вас создана первая смартлинк с прелендингами
Опять же, автоматизация, применяемая к партнерскому маркетингу, является одним из основных преимуществ перед остальными.
— КОНЕЦ
— Интегрированные партнерские сети.
— Как сгенерировать тестовую ссылку для вашего рекламодателя.
— Интеграция несуществующих источников трафика/партнеров.
— Добавление предложений и создание параметров.
