Реферальные хвосты. Как отправить данные из utm меток на почту

реферальные хвостыДрузья, добрый день. Недавно был озадачен реферальными хвостами :) Нужно было отправить данные, которые передаются в utm метке (вместе с данными, полученными из заполненной формы обратной связи) на почту. Это дает возможность понять, по какому именно ключевому слову пришел клиент и оставил заявку. Кто-то скажет: "Основы программирования", а для меня не так все просто оказалось, но результат есть, и сегодня хочу рассказать вам, как я это реализовал.

Как привязать реферальные хвосты к заявке

Первое, что хочу сказать: "Я не понимаю почему вы так их называете, но так как этот запрос наиболее популярен, то решил оптимизировать статью именно под "Реферальные хвосты"". Так больше людей найдут именно то, что им нужно, да и для продвижения - это самый оптимальный запрос в этой теме, но так или иначе мы просто передадим данные UTM меток вместе с заявкой.

Теперь хочу обрадовать всех, кто испугался прочитав о программировании. Уверяю, ничего сложного действительно нет, нужно добавить всего несколько строк к вашим формам и обработчику.

Все очень просто, и скоро вы в этом убедитесь. Фактически, мы создаем несколько дополнительных скрытых полей, которые будут автоматически заполняться нужными нам данными. А потом, как обычно сохраним данные их этих полей в переменную и отправим в письме эти пресловутые реферальные хвосты.

Для того, чтобы все работало, нужно изменить index.html на index.php. Это никак не повлияет на работоспособность landing page, кроме как даст возможность исполнять php сценарии на странице. В общем, страшного ничего не произойдет. Смело меняйте. Никаких отличий вы не заметите.

Итак, план наметили, html на php изменили, давайте реализовывать. Создадим несколько форм для данных UTM меток, а в атрибут value запишем небольшой php запрос, который и подставит туда нужные нам данные.


<form id="application" action="application.php" method="POST" name=" application ">

  <!-- Скрытые поля, которые содержат данные из UTM метки -->
  <input type="hidden" name="source" class="source" value="<?php echo isset($_GET['utm_source']) ? $_GET['utm_source'] : '' ;?>" />
  <input type="hidden" name="term" class="term" value="<?php echo isset($_GET['utm_term']) ? $_GET['utm_term'] : '' ;?>" />

  <!-- Скрытое поле, в value которому нужно написать услугу или как-то обозначить форму -->
  <input name="formname" type="hidden" value="Заявка с первой формы">

  <!-- Основные поля -->
  <input name="name" class="applicationName" maxlength="20" placeholder="Введите ваше имя" required />
  <input name="telephone" type="Tel" class="applicationTelephone" maxlength="20" placeholder="Введите ваш телефон" required />
  <button class="applicationButton" type="submit" form="application"> Получить прайс </button>
</form>

Я сделал 3 скрытых поля. В первое передаю параметр utm_source (источник перехода), а во  второе - utm_term (ключевое слово).

Третье скрытое поле нужно для того, чтобы обозначить каким-то образом форму. Сами вписываем нужный текст. Например, заявка с первого экрана или обратный звонок. Это для вас. Чтобы было легче отслеживать и анализировать с какого именно места на лендинге была отправлена заявка и вносить нужные правки в заголовки и дизайн форм для увеличения конверсии.

Добавив немного стилей, я получил такой внешний вид:

Как отправить реферальные хвосты на почту

Кстати, форма адаптивная. Исходник, как обычно, в конце статьи. :) пользуйтесь.

Теперь, как и раньше, нужно просто сохранить в переменные, данные полученные из полей и отправить их на почту. Давайте сделаем это:

<?php

$sendto = "smart-landing@yandex.ru"; // почта, на которую будет приходить письмо
$sendfrom = "tst@mail.ru"; // от кого письмо, например support@sitename.ru
$username = $_POST['name']; // сохраняем в переменную данные полученные из поля c именем
$usertel = $_POST['telephone']; // сохраняем в переменную данные полученные из поля c телефонным номером
$usermail = $_POST['email']; // сохраняем в переменную данные полученные из поля c почтой
$source = $_POST['source']; // сохраняем в переменную данные полученные из поля c источником перехода
$term = $_POST['term']; // сохраняем в переменную данные полученные из поля c ключевым словом
$formname = $_POST['formname']; // сохраняем в переменную данные о форме. какой товар, услуга, местоположение, цвет, заголовок и т.д
if(!empty($_POST['formname']))
{

// Формирование заголовка письма
$subject = "Новое сообщение с лендинга";
$headers = "From: " . strip_tags($sendfrom) . "\r\n";
$headers .= "Reply-To: ". strip_tags($sendfrom) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html;charset=utf-8 \r\n";

// Формирование тела письма
$msg = "<html><body style='font-family:Arial,sans-serif;'>";
$msg .= "<h2 style='font-weight:bold;border-bottom:1px dotted #ccc;'>Cообщение с сайта</h2>\r\n";
$msg .= "<p><strong>Город:</strong> ".$formname."</p>\r\n";
$msg .= "<p><strong>От кого:</strong> ".$username."</p>\r\n";
$msg .= "<p><strong>Телефон:</strong> ".$usertel."</p>\r\n";
$msg .= "<p><strong>Mail:</strong> ".$usermail."</p>\r\n";
$msg .= "<p><strong>Источник:</strong> ".$source."</p>\r\n";
$msg .= "<p><strong>Ключевое слово\фраза:</strong> ".$term."</p>\r\n";
$msg .= "</body></html>";

//отправка сообщения
@mail($sendto, $subject, $msg, $headers);
}
else{
header("Location: http://xn--80ahzmm9a.xn--p1ai/test4/"); // если был прямой заход на страницу благодарности, то перекинуть на главную
}

?>

Как видите, скрипт очень похож на те, которые быль в контактных формах, описанных ранее. Так что, если вы делали свои контактные формы по моим статьям, то вам проще будет внедрить данный функционал.

В первой части, когда сохраняем в переменные данные, полученные из формы. Далее делаем проверку. Если поле с типом услуги пустое, то редиректим на главную, если нет, отправляем письмо. В принципе, проверку можно делать по любому из полей. Как видите все очень просто, но мне так и не удалось найти полноценного решения этого вопроса в интернете. Все как будто не хотят рассказывать и им лень записать полноценную инструкцию. Хотя вопрос актуален.

Если вам нужны и другие данные UTM меток, то просто сделайте по аналогии. Все будет отлично работать. Еще одним преимуществом именно такой реализации является то, что не используется javascript. А значит кода меньше, а сайт быстрее :) Кстати, рекомендую в обязательном порядке ознакомится с возможным негативном влиянии UTM на SEO продвижение. Лучше перестраховаться!

Надеюсь, понятно все объяснил, и вы поняли, как отправлять данные utm меток на почту. А на сегодня - все. Пока.

Буду благодарен за ретвит и комментарии.

Скачать исходник

Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 39

  1. Илья

    Статья отличная, как всегда все коротко, ясно и только по делу!
    Название «реферальные хвосты» распиарено Бизнес Молодостью, именно поэтому в яндексе все ищут этот вариант запроса. Так что оптимизировал статью правильно.

    • dimadv7

      Привет. Спасибо. Понятно теперь. Какая-то подмена понятий, наверное, это только путает. Хотя не знаю… Похоже, что это уже укоренилось, и все привыкли :)

  2. Max

    Добрый день, воспользовался вашей формой, однако не захватывает данные с хвоста. Поможете разобраться?

    • dimadv7

      Здравствуйте. Давайте, попробуем. Можем в вк пообщаться, так быстрее будет http://vk.com/dima_d_v

  3. Александр

    Вот неплохо было бы еще добавить статью форма обратной связи без перезагрузки на ajax

    • dimadv7

      Так вот же она http://smartlanding.biz/otpravka-formy-bez-perezagruzki-stranicy.html :) Но там есть небольшой минус, отсутствует проверка на заполнение, ее легко добавить, вот никак руки не дойду. На следующей неделе нужно будет заняться.

  4. Дмитрий

    реализовал форму, но при подстановке ключевой фразы выводится вот что: Ключевое слово\фраза: %D0%…

    • dimadv7

      Получил в зашифрованном виде. Откуда переход был?

    • Дмитрий

      директ с поиск

    • dimadv7

      Странно, у меня нормально все было. И с Директа, и с ВК, и с блога. Даже не знаю что предпринять. Разве только UTM метку на латинице оформить. И еще, наверное, с https был переход, а значит — ничего удивительного.

  5. Сергей

    А подскажите как передать эти данные во всплывающее окно обратной связи?

    • dimadv7

      Точно так же. Не понял вопрос да и отличия. Форма она и есть форма :)

  6. Максим

    А если лендинг многостраничный. Каким образом можно реализовать передачу данных в письме? Ведь при переходе между страницами utm метки пропадают. Пытался найти про это информацию. Пишут что можно через куки или через сессию пользователя сохранить данные, используя GET. Но конкретного примера не нашел, поэтому с настройкой проблемы. Сможете помочь?

    • dimadv7

      Нет, навскидку — не скажу как это сделать. Нужно разбираться. Может, как-нибудь статью попробую написать. Идею, по вашему описанию, — понял. Попробую реализовать и написать статью. Вообще, там всего лишь небольшой скрипт, который нужно добавить на все страницы сайта. А чего у вас пользователь уходит со страницы то? Не целевая аудитория или не на ту страницу трафик льете? Или это совсем не лендинг?

  7. Максим

    Раньше был лендинг. Теперь переделали в многостраничный сайт с отдельными страницами для каждого товара

    • dimadv7

      Ясно. Ну возьму на заметку. Как-нибудь постараюсь разобраться и написать статью об этом.

  8. Игорь

    Спасибо за статью! Не знаете как это оформить в modx?

  9. Михаил

    Почему-то не срабатывает. Приходят пустые поля. Кто-нибудь проверял, именно в этом виде работает или нет? Просто понять хочу это я неправильно прикрутил, или код не работает так, как задумано?

  10. Михаил

    Прошу пардону. Оказывается я сам дурак. Написано же русским по белому: «Для того, чтобы все работало, нужно изменить index.html на index.php».

  11. ste-pashka

    Реферальные хвосты — это информация о том, на каком сайте находился посетитель перед тем как попал на ваш сайт и сделал заявку. Как подключить реферальные хвосты

    • Евгений

      Ага, а один из способов это делать, это использовать utm метки. Именно об этом и статья. Это отлично подходит для контекстной рекламы, баннеров, рекламы в вк, тизерах и т.п. (везде, где размещаешь ссылки). Хочешь большего и отслеживать случайные переходы, читай о

      $_SERVER['HTTP_REFERER']

      , но вряд ли у тебя что-то получиться. Раз задаешь такие вопросы.

  12. Марк

    Отличная статья! Все заработало на простых лендингах.
    Хотел прикрутить к форме на сайте на joomla, там не получилось. Сохраняет вместо значения сам php код который в value, то есть вот такое приходит .
    Шаблон index.php.
    Что может быть

    • dimadv7

      Наверное, по аналогии с wp нужно разрешить исполнении php в статьях и виджетах и т.п.

  13. Влад

    Я что-то не могу понять , как передать UTM метку в Битрикс что бы она там отображалась?

  14. Иван

    На лендингу 2 формы в php то работает, а одна в js фпйли. С нее не подтягиваются хвосты. Как исправить?

    • dimadv7

      Слишком мало входных данных

  15. Денис

    Если форма не на главной странице сайта а в лайтбоксе — UTM метка не приходит на почту, как быть в данном случае?

    • dimadv7

      Запоминать в сессию

  16. BarbaraGeale

    Как Оформить Страховой Полис ОСАГО Онлайн

    ————————————
    Подавляющее большинство же, заколебавшись заполнять глючную и неработающую анкету, плюнут и поедут в офис (тем более, что это им прямо советует большая кнопка, появляющаяся при каждой ошибке системы). Цвет тот же, дизайн тоже. Что уж говорить об активном пользовании. Что делать, если были утеряны данные для входа? Но бывают моменты, когда он необходим на день или два. Не затянется. Процесс продажи занимает минуты, а деньги на банковский счет поступят в тот же день или через день — этот момент зависит уже от условий банка, где находится ваш счет. Не стоит в такой ситуации паниковать, это тоже ситуация стандартная, необходимо провести свою независимую экспертизу и обратиться в суд для взыскания страховой выплаты. Аналогичная ситуация происходит и у другого крупного игрока, компании «Ингосстрах». Во-вторых, вы можете заблокировать Сбербанк Онлайн через контактный центр или отделение Сбербанка. Благодаря финансовой поддержке со стороны Среднерусского Сбербанка открыт первый корпус «Крокус Сити» — торгово-выставочного центра. Это может быть ИНН, пенсионное удостоверение или водительские права. Это же касается и зарубежных интернет магазинов.

    Перейдите ниже по ссылке, чтобы получить кредит:

    http://kredit.bestsky.info/

  17. BarbaraGeale

    Онлайн Заявка На Кредит Ренессанс Кредит

    ————————————
    Как заблокировать карту Уралсиба? Как оплатить интернет через Уралсиб? Как оплатить кредит в Уралсибе? Как отключить смс-оповещение в банке

    Новый iPhone, этого достаточно. Выдается по двум документам: паспорт и любой другой на выбор. В активных счетах она означает увеличение средств, в пассивных — уменьшение источников этих средств. Можете запросить доступ к расширенному управлению, добавлять новости, скидки, фото и другую информацию. Обязательно напишите жалобу на сотрудника, который позволил себе без вашего уведомления или вопреки вашей воли, подключить услугу. Заполнять форму нужно правильно с указанием только достоверной информации. Чтобы обезопасить инвестированные вложения, целесообразнее всего обратить внимание на мультивалютные вклады. Тем не менее, много и негативных отзывов от бывших и настоящих сотрудников Банка Тинькофф. Перед покупкой необходимо проверить не активированы ли они. Решая, какой тариф МТС выбрать, в первую очередь, оцените насколько часто вы звоните по сотовому телефону. Эти гиганты занимают около 80% рынка всех банковских карт, выпускаемых в Российской Федерации. Карта получит свое применение и на территории Вьетнама, со страной, которая Россия подписала зону экономической свободной торговли. Подключается она автоматически при покупке «МТС Коннект 4», а еще можно активировать лично самому через 2 недели после подключения к тарифу.|Карточка выдается на срок от 3 до 5 лет, после чего потребуется только обратиться в ближайшее отделение для ее замены. Ожидаются ли обновления для мобильных приложений в ближайшее время? Компания проверенная временем. За время сотрудничества были и плюсы и минусы. Среди «жертв» оказались СМП Банк, Инвесткапиталбанк, Банк «Россия» и другие. Так поздравляю, скоро благодаря этому «инновационному решению» ТКС Банк получит мультиоргазм! Ваши данные надежно передаются в банк по шифрованному SSL каналу. Обновленный онлайн-сервис банк Тинькофф анонсировал в 2015 году. Оформить кредит наличными на карту Тинькофф доступно на сумму до 1 млн. Теперь мы увидели рекламу Сбербанка, что если перевести кредит другого банка к ним, то будет переведена реструктуризация под 14 % (т.е. Теперь клиенты банка могут использовать банковскую карту за границей. Сеть банка распространена на огромной территории, и включает 147 отделений и более 25 тыс. Сумма кредита наличными без справки о доходах не превышает 150 тыс. В то же время, в случае необходимости, вы легко можете изменить конфигурацию своего тарифа, подключив дополнительные пакеты минут, трафика или СМС, и таким образом, немного сэкономить на тех услугах связи, которыми вы пользуетесь чаще всего. Остерегайтесь сообщений на телефон о блокировке карточки – как правило, таким способом отъёма средств пользуются мошенники.

    Перейдите ниже по ссылке, чтобы получить кредит:

    http://kredit.bestsky.info/

  18. BarbaraGeale

    Ренессанс Капитал (Ренессанс Кредит) Условия Выдачи Кредита Наличными

    ————————————
    И на нашей странице собраны банки и организации, осуществляющие микрокредитование из числа тех, которым стоит доверять. Ранее (1949) 5 грошей была отчеканена в бронзе, номиналом выше 5 грошей, отчеканенные в медно никелевые и 1 и 2 грошей в алюминия. В случае необходимости можно согласовать с руководителем индивидуальный режим работы. Облигации относятся к категории облигаций с доходностью, привязанной к цене акций. Камеры высокого разрешения, используемые в копиях iPhone 5, дают возможность снимать качественные снимки. Для решения конкретных проблем, связанных с нарушением конституции РФ или человеческих прав, москвичи могут звонить на телефон горячей линии прокураторы города Москва. Используйте 'обратный курс валюты', чтобы конвертировать Чешская крона по умолчанию. Да, Вы поднимаете быстро реализовать свои протесты и помочь своим родным с нашим кредитным продовольствием для заслуженных. Получить средства можно только в регионе законной регистрации. И в дело идут всякие уловки. Дополнительная оплата за операцию отсутствует, если осуществляется платеж между своими картами и счетами или на карточку, оформленную в вашем регионе. А Сальда — эта кто?|Сделали карту на удивление быстро, но вот качество самой карты не очень порадовало. А вот небольшие просрочки платежей сроком до 1 месяца на вашем «деле» могут никак не отразиться. Банк предъявляет следующие требования к потенциальному заемщику: гражданство России, возраст от 23 лет до пенсионного, официальное трудоустройство, официальный доход не менее 35 тыс. Бонусами можно оплатить до 99% от стоимости товаров и услуг у партнёров банка. Другая часть недовольных сетует на то, что квитанция приходит не в удобные для них календарные числа, и приходится ходить в отделения банка и для оплаты квитанций на коммуналку, и на капремонт. При наличии Интернета оплатить капремонт можно с домашнего компьютера через Сбербанк Онлайн. При оформлении iphone в кредит в онлайн-режиме ставка, срок и другие параметры ссуды остаются такими же, как и при покупке в магазине. При себе необходимо иметь пакет документов. Стоит отметить, что на сегодняшний день, чехол для iphone – это не просто защита, но и декоративный элемент, который позволит подчеркнуть имидж своего владельца.

    Перейдите ниже по ссылке, чтобы получить кредит:

    http://kredit.bestsky.info/

  19. BarbaraGeale

    Как Оформить Заявку На Получение Нового Или Продление Онлайн

    ————————————
    Получив результат, Вы можете сразу приступить к оформлению страхового полиса. Не все россияне могут беспрепятственно получить займ, Вы сможете жить в своей квартире уже сейчас, оборудования и остальных целей, как и хоть какого другого кредита. Вы не можете оформить карту моментальной выдачи через сайт банка или систему «Сбербанк Онлайн». В целях безопасности совершения операций через систему «Сбербанк онлайн», каждый платеж в пользу организаций обязательно требует подтверждения паролем. Данное согласие дается Страхователем бессрочно и может быть отозвано в любой момент времени путем передачи Страховщику подписанного письменного уведомления. Но на данный момент практически все банки отказываются от выдачи кредитной линии и переходят к овердрафту или кредитной карте. После решения вопроса «»как отказаться от карты Тинькофф? Выберите подходящие условия, нажмите на «Заявку», и получите деньги любым удобным способом — круглосуточно, в любой точке Украины. Затем выберите удобный способ: интернет-банк предложит вам зарегистрироваться по карте (используется только 16 цифр). Так государство компенсирует вам расходы на покупку недвижимости.

    Перейдите ниже по ссылке, чтобы получить кредит:

    http://kredit.bestsky.info/

  20. BarbaraGeale

    Кредитная Карта Ренессанс Кредит С Улучшенными Условиями

    ————————————
    Это только один из аспектов этого понятия, так как кредит это также средства, ушедшие из организации и они являются обязательствами заемщика. Это вызвало то, что в Польше в 1980-е годы разразился серьёзный финансово-экономический кризис. Кооперативы были не такие, как в СССР в период перестройки, а значительно более устойчивые, уже существовавшие много лет и имевшие реальный опыт работы пусть в льготных, но все же рыночных условиях. В отличие от некоторых развитых стран, например Франции, в Японии в послевоенный период основные финансовые рычаги остались в руках частных банков. СК нельзя обвинять в том, что он наживается на нуждах автовладельцев заоблачными ценами и тарифами. Мои ФИО, которые пишутся на карте, он знал. Кредитная организация представлена в 65 регионах, имеет свыше 150 отделений и более 73,9 тыс. Не больше 400 тыс. Не забывайте заранее купить или продлить ОСАГО. Не столь крупные компании часто заслуживают более лестных оценок автовладельцев, чем лидеры рынка, за индивидуальный подход к обслуживанию клиентов. У меня нет формы 2-НДФЛ, но я могу предоставить справку о доходах по форме банка.

    Перейдите ниже по ссылке, чтобы получить кредит:

    http://kredit.bestsky.info/

  21. Vadim

    Данный способ работает только для лендинга! если страниц у сайта несколько, а форма у вас находиться будет на другой странице, то все метки у вас слетят при переходе

    • dimadv7

      можно сохранить в сессию и не слетит))

  22. Макс

    Спасибо, отправил 100р.
    Дешевле вышло чем у фрилансеров)

    • dimadv7

      Спасибо))

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