Как перенаправить utm в api
Перейти к содержимому

Как перенаправить utm в api

  • автор:

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&param2=a2&param3=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 и т.д.

mountpoint's user avatar

Представь, что в 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 перерыл, примеры использовал — но толку никакого. Спасибо.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *