UTM-метки — это важный инструмент для маркетологов и владельцев сайтов, который помогает отслеживать источники трафика и эффективность рекламных кампаний. Особенно это актуально для сайтов на WordPress, ведь с его помощью можно гибко настраивать ссылки и анализировать поведение посетителей. В этой статье мы подробно разберём, как правильно устанавливать UTM-метки в WordPress, какие есть методы автоматизации, а также рассмотрим примеры кода и полезные плагины.
Что такое UTM-метки и зачем они нужны
UTM-метки (Urchin Tracking Module) — это параметры, которые добавляются в URL для отслеживания источника, типа и названия рекламной кампании. Например, ссылка https://example.com/?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale позволяет системам аналитики (Google Analytics, Яндекс.Метрика и др.) понять, откуда пришёл пользователь и по какой кампании.
Для сайтов на WordPress корректное использование UTM-меток позволяет:
- Анализировать эффективность маркетинговых каналов.
- Оптимизировать расходы на рекламу.
- Отслеживать конверсии по разным кампаниям.
- Собирать данные для построения отчетов и принятия решений.
Однако часто возникают вопросы, как правильно внедрить UTM-метки, чтобы они не мешали SEO и не терялись при переходах внутри сайта.
Автоматическое добавление UTM-меток к ссылкам в WordPress
Ручное добавление UTM-параметров к каждой ссылке — трудоёмкий и рискованный процесс, особенно если у вас большой сайт. Поэтому лучше автоматизировать этот процесс. Рассмотрим два основных способа.
Использование плагинов для управления UTM-метками
Среди популярных плагинов, которые позволяют автоматически добавлять или сохранять UTM-метки в сессии пользователя, можно выделить:
- Clearfy Pro — помимо множества оптимизаций, позволяет сохранять UTM-параметры и подставлять их в формы.
- UTM Tracker — бесплатный плагин для сохранения UTM-меток в сессии и передачи в формы на сайте.
- WPForms — популярный конструктор форм, который поддерживает передачу UTM-меток из URL в поля формы.
Преимущество использования плагинов — простота настройки и интеграция с формами сбора лидов, CRM и аналитикой.
Реализация сохранения UTM-меток через код в WordPress
Если вы хотите более гибкий и лёгкий способ без плагинов, можно самостоятельно внедрить сохранение UTM-меток в сессии и использовать их, например, в формах. Ниже пример кода для functions.php вашей темы:
function wpmarketingru_capture_utm_params() {
if (!session_id()) {
session_start();
}
$utm_params = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
foreach ($utm_params as $param) {
if (!empty($_GET[$param])) {
$_SESSION[$param] = sanitize_text_field($_GET[$param]);
}
}
}
add_action('init', 'wpmarketingru_capture_utm_params');Этот код сохраняет UTM-параметры из URL в сессию пользователя при первом заходе. После этого вы можете выводить эти значения в формах или использовать для аналитики.
Передача UTM-меток в формы WordPress
Для сбора информации по UTM-меткам важно, чтобы они передавались в формы обратной связи или подписки. Рассмотрим пример с формой на Contact Form 7.
Добавление скрытых полей в Contact Form 7
В настройках формы добавьте скрытые поля для UTM-меток:
[hidden utm_source default:get]
[hidden utm_medium default:get]
[hidden utm_campaign default:get]
[hidden utm_term default:get]
[hidden utm_content default:get]Однако если UTM-метки сохраняются в сессии, нужно передавать их через JavaScript. Вот пример скрипта, который можно добавить в подвал темы:
function wpmarketingru_add_utm_script() {
if (!session_id()) {
session_start();
}
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
var utmParams = {};
<?php
$utm_params = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'];
foreach ($utm_params as $param) {
if (!empty($_SESSION[$param])) {
echo "utmParams['" . $param . "'] = '" . esc_js($_SESSION[$param]) . "';";
}
}
?>
for (var key in utmParams) {
var input = document.querySelector('input[name="' + key + '"]');
if (input) {
input.value = utmParams[key];
}
}
});
</script>
<?php
}
add_action('wp_footer', 'wpmarketingru_add_utm_script');Этот скрипт подставит сохранённые UTM-метки в скрытые поля формы, даже если пользователь перешёл по внутренним ссылкам.
Советы по SEO и безопасности при работе с UTM
UTM-параметры могут негативно влиять на SEO, если поисковые системы индексируют разные URL с одинаковым содержимым, но разными параметрами. Чтобы избежать дублирования, используйте:
- Тег
<link rel="canonical" href="https://example.com/page/" />без UTM в шапке страниц. - Настройку в robots.txt или через метатеги для запрета индексирования URL с параметрами.
- Инструменты Google Search Console для управления параметрами URL.
Также важно фильтровать и санитизировать UTM-параметры, чтобы исключить внедрение вредоносного кода. В примерах выше используется sanitize_text_field() для этой цели.
Как использовать UTM-метки для анализа в Google Analytics и Яндекс.Метрике
После того как UTM-метки добавлены и сохраняются, можно переходить к анализу. В Google Analytics они отображаются в отчётах по источникам трафика, кампаниям и каналам.
В Яндекс.Метрике настройте цели и сегменты для отслеживания поведения пользователей из разных кампаний. Это позволит понять, какие источники дают качественный трафик и конверсию.
Итоговые рекомендации по работе с UTM в WordPress
- Автоматизируйте сбор и сохранение UTM-меток, чтобы данные не терялись при переходах.
- Передавайте UTM в формы, чтобы связывать лиды с рекламными источниками.
- Используйте плагины, если не хотите писать код самостоятельно — например, Clearfy Pro.
- Обеспечьте SEO-безопасность, используя canonical и другие методы.
- Регулярно анализируйте данные в системах аналитики и корректируйте маркетинговые кампании.
Правильная работа с UTM-метками — залог успешного маркетинга и точной аналитики на вашем WordPress-сайте. Используйте описанные методы и кодовые решения, чтобы максимизировать отдачу от рекламы и повысить конверсию.