Реферальные хвосты. Как отправить данные из 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 меток на почту. А на сегодня - все. Пока.

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

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