Как получить utm метки php
Перейти к содержимому

Как получить utm метки php

  • автор:

Как добавить UTM-метки в заявки с сайта

Как добавить 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=

Вставка скрытых полей в форму

Вариант не очень хороший т.к. если клиент перейдет на другую страницу, то метки будут потеряны. Функция отчистит и выведет поля в форме:

function get_utm() < $out = array(); $keys = array('utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'); foreach ($keys as $row) < if (!empty($_GET[$row])) < $value = strval($_GET[$row]); $value = stripslashes($value); $value = htmlspecialchars_decode($value, ENT_QUOTES); $value = strip_tags($value); $value = htmlspecialchars($value, ENT_QUOTES); $out[] = ''; > > return implode("\r\n", $out); >
Применение:
   

Как установить UTM метки на сайте через PHP. Часть 1.

Как установить UTM метки на сайте через PHP. Часть 1.

На этом уроке вы узнаете, что такое UTM-метки, как установить их на сайте и как настроить получение данных из UTM-меток на ваш e-mail.

Что такое UTM-метки? Это длинные хвосты, состоящие из генерированных данных, которые добавляются к ссылке, с целью отслеживания, откуда человек пришел на ваш сайт. Таким образом можно оценивать успешность начатой промо-компании и корректировать.

Например Вы создали новую рекламную кампанию на Yandex.Direct и хотите отсортировать людей перешедших на ваш сайт, непосредственно с платного обьявления из яндекса и оставивших заявку через форму. Только для этих купленных с яндекс поиска людей мы и генерируем специальную ссылку с UTM-метками. Так мы можем контролировать, сколько реальных покупателей мы получили с Yandex.Direct и окупились ли наши расходы на рекламу.

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

Генератор UTM меток

Вам не нужно самостоятельно составлять UTM-метки, можно воспользоваться любым онлайн генератором, например вот этим: http://tools.yaroshenko.by/utm.php

UTM-метка состоит из адреса вашего сайта, к которому добавляется знак вопроса и вы указываете в форме генерации обязательные параметры:

  • utm_source
    Сайт-источник, где вы создали рекламную компанию, например Google, Yandex.
  • utm_medium
    Здесь вы указываете какой будет идти трафик, с емайл рассылки, от аффилированных партнеров (cpc) или с баннера.
  • utm_campaign
    Даёте произвольное название кампании, чтобы вам было понятно.
  • utm_сontent
    Укажите название баннера или реальный номер созданного объявления в Yandex.Direct.
  • utm_term

По какому ключевому слову человек попал к вам на сайт.

Пример заполнения генератора UTM-меток

Как установить UTM метки на сайт через PHP.

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

Сгенерированная ссылка по сути является GET-запросом и она нам чётко говорит, что этот человек пришел на сайт заказчика из яндекса по рекламной компании с названием mobil_sale, созданной партнером, с конкретного объявления — M-234, введя в Яндекс поиск ключевое слово — buy phone. Это ценная информация для заказчика.

Часто ленивые заказчики не хотят отслеживать статистику в метрике, а им удобнее получать оперативную информацию о посетителях прямо на свой e-mail, в простом виде. Реализовать это можно через форму, создав в ней скрытые поля, ведь заказчика интересуют именно заинтересованные посетители, заполнившие форму заявки.

На этом уроке мы с вами уже делали форму заявки с отправкой на e-mail, воспользуемся уже рабочей формой для данного урока. Как прикрутить к этой форме UTM-метки? Между тегами form нужно вставить этот кусок кода, то есть мы добавляем пять скрытых полей к видимым полям формы. Визуально на странице с формой ничего не изменится. Обработчик формы тайно считывает информацию с GET-запроса.

Названия полей name мы скопировали с генератора UTM-меток, разметив поля. Дальше зададим значение поля value, куда пишем PHP код, между тегами php.

Мы создали переменную $utm_source, в неё поместили при помощи GET-запроса значение ‘utm_source’ и затем его вывели при помощи echo в значении — value, которое содержит скрытое поле.

Аналогично выводятся и остальные параметры. Но это ещё не все, надо внести изменения в обработчик формы. Настроить его на приём всех данных из формы.

Создано 27.07.2018 10:29:46

  • Михаил Русаков
  • Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

    Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
    Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

    Если Вы не хотите пропустить новые материалы на сайте,
    то Вы можете подписаться на обновления: Подписаться на обновления

    Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

    Порекомендуйте эту статью друзьям:

    Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

    1. Кнопка:
      Она выглядит вот так:
    2. Текстовая ссылка:
      Она выглядит вот так: Как создать свой сайт
    3. BB-код ссылки для форумов (например, можете поставить её в подписи):

    Комментарии ( 0 ):

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2024 Русаков Михаил Юрьевич. Все права защищены.

    Utm метки

    Author24 — интернет-сервис помощи студентам

    Git. Перенос метки с одного снимка на другой
    Как перенести метку с одного снимка на другой с сохранением всех её данных: автор, дата и т. д.? .

    Utm метки
    Добрый день! На сайте надо отследить utm метки, и в гугле при наведении на ссылку появляется url.

    Мультилендинг и UTM-метки
    Доброго времени суток, дорогие форумчане! Есть вопрос, вот смотрите: на сайте подключен скрипт.

    Как через ajax передать UTM метки ?
    Вопрос в следующем , как передавать utm метки через ajax ? Когда у нас есть только форма и php.

    Просто Лис

    Эксперт Python

    5473 / 3388 / 1030
    Регистрация: 17.05.2012
    Сообщений: 9,931
    Записей в блоге: 9
    Допустим, будут у тебя utm-метки, а дальше-то что ты будешь с ними делать?
    -117 / 93 / 14
    Регистрация: 26.06.2013
    Сообщений: 4,573

    На данный момент присматриваюсь к другим формам со скрытым полем против ботов. Изучу видео по работе с Google Analitics или Метрикой. Планирую метки добавлять туда. Возможно буду осваивать тему сквозной аналитики. На данный момент научился, чтобы телефон или компьютер сразу начинали трезвонить, когда заполняется и отправляется форма. Тему калькуляторов в формах и квизов также осваиваю.

    87844 / 49110 / 22898
    Регистрация: 17.06.2006
    Сообщений: 92,604
    Помогаю со студенческими работами здесь

    Как в Wordpess получать UTM метки Google?
    Привет! Кто-нибудь знает, каким образом плагин формы отправки должен передавать UTM метки? Спасибо.

    Передаются ли GET параметры (например UTM метки) после 301 редиректа?
    То есть идут данные на страницу (условно страница А), на которой считываются входящие GET.

    Как настроить UTM метки на dle при включенной обработки неверные URL ЧПУ?
    Привет народ! Столкнулся с реальной проблемой. Как настроить UTM метки при включенной обработки.

    Создание события для метки и изменение цвета метки
    Хотелось бы при двойном щелчке на этой метке вызвать диалог выбора цвета и затем установить цвет.

    UserGate UTM 5
    Здравствуйте, товарищи айтишники. Много времени администрировал ЮГ 2.8, но теперь появилась.

    Обработка utm меток
    Здрасти, не могу решить проблему, имеется обработчик.пхп файл обработчик сайта, я в .htacces.

    Или воспользуйтесь поиском по форуму:

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

    реферальные хвосты

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

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

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

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

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

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

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

     
    " /> " />

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

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

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

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

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

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

    "; $msg .= "

    Cообщение с сайта

    \r\n"; $msg .= "

    Город: ".$formname."

    \r\n"; $msg .= "

    От кого: ".$username."

    \r\n"; $msg .= "

    Телефон: ".$usertel."

    \r\n"; $msg .= "

    Mail: ".$usermail."

    \r\n"; $msg .= "

    Источник: ".$source."

    \r\n"; $msg .= "

    Ключевое слово\фраза: ".$term."

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

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

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

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

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

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

    08/10/2022 Дмитрий Давыдов

    43 комментария

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

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

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

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

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