1. Передача заказов с формы без использования валидатора и маски телефонов
Прежде чем настраивать лендинг, убедитесь что оффер отображается в кабинете.
1.1 Скачать архив с необходимыми файлами и перенести файлы в вашу папку с лендом:
Архив для Европейских офферов: Скачать
Архив для офферов Латинской Америки: Скачать
В архиве находятся:
— основной файл для отправки заказов api.php
— шаблоны страниц «спасибо» на разных языках
— страница «приватности» privacy.html
ВАЖНО! В зависимости от гео оффера, отправка лида производится на разные адреса:
1.4 Добавить в форме параметры для передачи:
Параметры goods_id и country являются обязательными как name и phone .
Параметр country принимает двухбуквенное значение. Подробнее узнать можно в Википедии .
В параметр goods_id нужно передать id оффера.
1.5 Полностью ваша форма будет выглядеть примерно так:
Обратите внимание, что поля имени и телефона важно указывать через name=»name» и name=»phone» , а также с атрибутом required .
ВАЖНО ! Для корректной передачи меток utm и sub , файл лендинга должен быть сохранен с расширением .php
1.6 Если вам не нужно передавать параметры sub , utm , client_type — удалите их из формы:
При отсутствии необходимости в передаче utm и sub , файл лендинга можно сохранять с расширением .html
2. Передача заказов с формы c использованием валидатора и маски телефонов
2.1 Скачать архив с библиотекой и перенести все в папку вашего лендинга.
2.2 Выполнить пункты с 1.1 по 1.6 (если ранее не были сделаны).
2.3 Перед закрывающим тегом head вставить код
2.4 В файле лендинга index.php перед закрывающимся тегом body подключить скрипты:
3. Дополнительные настройки
3.1 Если хотите вести запись заказов в файл, то вам нужно добавить в api.php следующий код:
3.2 Полностью исправленный файл api.php будет выглядеть таким образом:
4. Полезности для пре-лендингов
4.1 Для переадресации с любой ссылки на нужный вам лендинг подключите скрипт:
Вместо
Для того, чтобы одну из ссылок сделать персональной, и дать ей другое значение для перенаправления, добавьте класс class=»land-link» .
Класс можно задать свой (любой), главное замените его в самом скрипте и для конкретной ссылки.
Подключение данных скриптов лучше делать перед закрывающимся тегом body .
4.2 Плавный скролл для якоря:
Для работы данного скрипта необходимо подключение библиотеки jQuery . Если вы ее не подключали, то скопируйте первую строку из пункта 4.1 перед самим скриптом.
4.3 Проброс меток с пре-лендига на лендинг.
При указании ссылки на лендинг вам нужно добавлять GET-параметры используя конструкцию:
Например ссылка на прелендинг имеет вид http://pre.land/?param1=a1¶m2=a2¶m3=a3
И вам нужно нужно перенаправить на ленд http://example.com/ , чтобы получить ссылку вида http://example.com/?sub1=a1&sub2=a2&sub3=a3
Для этого вам нужно ссылку на лендинг, указывать в таком виде
Таким образом вы заберете значение из параметра param1 пре-лендинга и передадите его в параметр sub1 для лендинга.
ВАЖНО ! Файл пре-лендинга должен быть сохранен с расширением .php
При возникновении ошибок при настройке или вопросов, обращайтесь к вашему менеджеру.
Как добавить UTM-метки в заявки с сайта
UTM метки – это дополнительные данные, которые добавляются в URL с помощью GET-параметров при клике на баннер в рекламной компании Яндекса или Гугл.
| utm_source | Источник перехода |
| utm_medium | Тип трафика |
| utm_campaign | Название рекламной кампании |
| utm_content | Дополнительная информация, которая помогает различать объявления |
| utm_term | Ключевая фраза |
Если к сайту подключена какая либо CRM и требуется фиксация UTM-меток вместе с формой заказа, то есть три варианта:
Рассмотрим на примере ссылки:
https://site.ru/test.php?utm_source=yandex&utm_medium=cpc&utm_campaign=
Вставка скрытых полей в форму
Вариант не очень хороший т.к. если клиент перейдет на другую страницу, то метки будут потеряны.
Захват utm меток
В вашем коде если не будет гет запросов — выбьет ошибку Undefined index utm_source и т.д.
![]()
Представь, что в utm_source окажется строка
Это XSS-уязвимость, позволяющая выполнять любой код на твоём сайте.
Вероятно, следует использовать htmlspecialchars для экранирования.
и оно полностью попадёт в значение:
Я как то для одного проекта писал функцию, возможно она вам пригодиться
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.3.11.43304
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Вопрос по UTM-метках, как их передать в форме обратной связи?
Суть вопроса в самом вопросе: необходимо в форму обратной связи (Ajax) добавить захват UTM-меток и соответственно сделать их передачу на mail. Я добавил, но почему-то на почту они не приходят. Вот мой код:
сама форма:
в принципе ничего как будто сложного, но не работает. На форму приходит письмо: и там где Источник: . Ключевое слово: .
сама форма рабочая и проверена уже сотню раз.
Подскажите или покажите как правильно задать в форме эти метки, скажу честно google перерыл, примеры использовал — но толку никакого. Спасибо.