Это старая версия документа!


Настройка счетчика Яндекс.Метрики на сайте

Яндекс.Метрика — это сервис веб-аналитики, который позволяет собирать данные о посещаемости сайта и поведении пользователей. Данная инструкция описывает полный процесс настройки счетчика.

Целевая аудитория: маркетологи, веб-мастера, администраторы сайтов Время выполнения: 20-40 минут Уровень сложности: начальный-средний

Оглавление

Предварительные требования

  • Учетная запись Яндекс (Яндекс.ID)
    1. Рекомендуется использовать корпоративную почту
  • Доступ к сайту:
    1. Права администратора CMS
    2. Доступ к FTP/хостинг-панели
    3. Возможность редактирования HTML-кода
  • Информация о сайте:
    1. Доменное имя сайта
    2. Часовой пояс посетителей
    3. IP-адреса сотрудников (для фильтрации)

Создание счетчика

Шаг 1: Начало создания

1. Перейдите на [[https://metrika.yandex.ru/|сайт Яндекс.Метрики]]
2. Нажмите кнопку **"Добавить счетчик"**
3. Авторизуйтесь, если потребуется

Шаг 2: Основные настройки

Заполните обязательные поля:

Параметр Значение Пример Примечание
————-————–—————————-
Имя счетчика Уникальное имя «Основной сайт company.com» Для удобной идентификации
Адрес сайта Доменное имя `example.ru` Без http/https
Часовой пояс Ваш регион Москва, +3 GMT Для корректной статистики
Владелец счетчика Ответственный Иванов И.И. Кто управляет счетчиком

Шаг 3: Дополнительные настройки

[✓] Вебвизор, карта скроллинга, аналитика форм
[✓] Автоматические цели  
[✓] Яндекс.Директ (если используется)
[ ] Электронная коммерция (только для магазинов)
[✓] Информация о технологиях посетителей

Шаг 4: Важные настройки безопасности

В разделе «Дополнительные настройки»:

[x] Принимать данные только с указанных адресов
[x] Не сохранять полные IP-адреса посетителей  
[x] Включить фильтр роботов
[x] Учитывать только определенные домены

Шаг 5: Завершение создания

1. Примите условия пользовательского соглашения
2. Нажмите **"Создать счетчик"**
3. Сохраните номер счетчика (пример: 12345678)

Запишите номер счетчика - он понадобится для дальнейшей настройки

Установка на сайт

Способ 1: Прямая установка в HTML-код

Полный код для вставки:

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
 
   ym(12345678, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true,
        ecommerce:"dataLayer"
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/12345678" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

Место установки:

  1. Внутри тега `<head>`
  2. Как можно ближе к началу страницы
  3. На всех страницах сайта

Способ 2: Установка через популярные CMS

WordPress:

1. Установите плагин "Yandex.Metrica Counter"
2. Перейдите в "Настройки" → "Яндекс.Метрика"
3. Введите номер счетчика в поле "ID счетчика"
4. Сохраните изменения

1C-Битрикс:

1. Перейдите в "Маркетинг" → "Веб-аналитика"
2. Нажмите "Добавить счетчик"
3. Выберите "Яндекс.Метрика"
4. Заполните настройки аналогично веб-версии

Joomla:

1. Установите расширение "Yandex Metrika"
2. В настройках компонента укажите номер счетчика
3. Настройте дополнительные параметры

Tilda:

1. Откройте настройки сайта
2. Перейдите в "Аналитика"
3. Введите номер счетчика в поле "Яндекс.Метрика"
4. Сохраните изменения

Способ 3: Установка через конструкторы

Wix:

1. Перейдите в "Настройки" → "Tracking & Analytics"
2. Нажмите "Добавить новый инструмент" → "Яндекс.Метрика"
3. Введите номер счетчика

Shopify:

1. Перейдите в "Настройки" → "Checkout"
2. В разделе "Дополнительные скрипты" вставьте код
3. Сохраните изменения

💡 Рекомендация: Для WordPress и Joomla используйте официальные плагины - они автоматически обновляют код при изменении настроек

Проверка работы

Метод 1: Проверка через консоль браузера

1. Откройте сайт в браузере
2. Добавьте к URL параметр: `?__ym_debug=2`
   - Пример: `https://example.com/?__ym_debug=2`
3. Откройте консоль разработчика (F12 → Console)
4. Убедитесь, что видите сообщение:
[Яндекс.Метрика] counter 12345678 hit https://example.com/
[Яндекс.Метрика] counter 12345678 params: {...}

Метод 2: Проверка в интерфейсе Метрики

1. Перейдите в [[https://metrika.yandex.ru/list|список счетчиков]]
2. Напротив вашего счетчика должен быть **зеленый индикатор**
3. Нажмите на счетчик → "Настройки" → "Проверка счетчика"
4. Введите URL страницы и нажмите "Проверить"

Признаки корректной работы:

  1. ✅ Зеленый индикатор «Данные поступают»
  2. ✅ В отчетах появляются визиты (через 2-4 часа)
  3. ✅ Вебвизор записывает сессии (если включен)

Метод 3: Проверка через Network

1. Откройте вкладку "Network" (F12 → Network)
2. Обновите страницу (F5)
3. Найдите запросы к `mc.yandex.ru`
4. Убедитесь, что статус ответа 200 OK

Первые данные появятся через 2-4 часа. Полная статистика будет доступна через 24 часа после установки

Дополнительные настройки

Настройка целей

Пример цели: «Отправка формы заявки»

1. **В интерфейсе Метрики:**
   - Цели → Добавить цель
   - Название: "Отправка формы заявки"
   - Тип условия: "JavaScript-событие"
   - Идентификатор цели: `form_success`
2. **В код сайта добавьте:**
<script>
// Для стандартной формы
document.getElementById('contact-form').addEventListener('submit', function() {
    ym(12345678, 'reachGoal', 'form_success');
});
 
// Для AJAX формы
function trackFormSuccess() {
    ym(12345678, 'reachGoal', 'form_success');
}
</script>

Автоматические цели (уже включены):

  1. Клики по email: `mailto:`
  2. Клики по телефонам: `tel:`
  3. Скачивание файлов: `.pdf, .doc, .zip`
  4. Внешние ссылки

Настройка фильтров

Исключение сотрудников:

1. Перейдите в "Фильтры" → "Добавить фильтр"
2. Настройте фильтр:
Тип: Исключить
Поле: IP-адрес
Значение: 192.168.1.1, 192.168.1.100-192.168.1.200
Название: "Исключить офис"
3. Включите опцию **"Не учитывать мои визиты"**

Настройка вебвизора

Рекомендуемые параметры:

  1. ✅ Запись сессий
  2. ✅ Карта кликов
  3. ✅ Аналитика форм
  4. ❌ Запись авторизованных пользователей (по необходимости)
  5. ✅ Запись посещений с мобильных устройств

Решение проблем

Проблема: Счетчик не собирает данные

Диагностика:

1. Проверьте наличие кода на странице (ПКМ → Посмотреть код)
2. Проверьте консоль на ошибки (F12 → Console)
3. Проверьте с отключенными блокировщиками

Решение:

  1. Переустановите код счетчика
  2. Проверьте правильность номера счетчика
  3. Отключите AdBlock на вашем сайте

Проблема: Не работает вебвизор

Причины:

  1. Опция не была включена при создании
  2. Не обновлен код после включения опции
  3. IP-адрес исключен через фильтры

Решение:

1. Проверьте настройки счетчика
2. Обновите код на сайте
3. Проверьте фильтры IP-адресов

Проблема: Неверные данные в отчетах

Возможные причины:

  1. Не настроены фильтры
  2. Дублирование кода счетчика
  3. Кэширование страниц
  4. Разные часовые пояса

Проблема: Ошибка "Counter not found"

Решение:

  1. Проверьте правильность номера счетчика
  2. Убедитесь, что счетчик не удален
  3. Проверьте доступ к аккаунту

Часто задаваемые вопросы

❓ Сколько времени нужно для появления данных?

Первые данные появляются через 2-4 часа после установки. Полная статистика доступна через 24 часа.

❓ Нужно ли обновлять код после изменения настроек?

Да! При изменении настроек (включение вебвизора и т.д.) необходимо заменить код на сайте.

❓ Как отслеживать динамику посещений?

Используйте отчет «Посещаемость» в разделе «Стандартные отчеты» → «Отчеты по посещаемости».

❓ Можно ли установить несколько счетчиков?

Да, можно установить несколько счетчиков для разных отделов или целей.

❓ Как настроить электронную коммерцию?

Требуется дополнительная настройка JavaScript. См. документацию по e-commerce.

Полезные ссылки

📊 Совет: Регулярно проверяйте статистику и настраивайте новые цели для улучшения эффективности сайта

Дата последнего обновления: 26.09.2025

Настройка счетчика Яндекс.Метрики для фрейма Ticketland

Особенности настройки счетчика для встраиваемого фрейма Ticketland требуют специального подхода, так как фрейм работает в изолированном контексте.

ВАЖНО: Для корректного отслеживания в фрейме требуется дополнительная настройка, отличная от стандартной установки на сайте.

Особенности отслеживания в iframe

Проблемы стандартной установки

При обычной установке кода Яндекс.Метрики в iframe могут возникнуть следующие проблемы:

  • Потеря данных о источниках трафика
  • Некорректное определение рефереров
  • Проблемы с cookies и идентификацией посетителей
  • Ограничения браузеров для кросс-доменных iframe

Рекомендуемое решение

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

Настройка счетчика для фрейма

Шаг 1: Создание отдельного счетчика

Рекомендуется создать отдельный счетчик специально для фрейма:

1. Перейдите в [[https://metrika.yandex.ru/list|Яндекс.Метрику]]
2. Нажмите "Добавить счетчик"
3. Настройки:
   - **Имя счетчика:** "Фрейм Ticketland - [название сайта]"
   - **Адрес сайта:** Укажите основной домен сайта
   - **Часовой пояс:** Ваш регион

Шаг 2: Модификация кода iframe

Добавьте параметры в URL фрейма для передачи данных из родительской страницы:

<!-- Стандартный код iframe -->
<iframe src="https://ticketland.ru/widget?event=123"></iframe>
 
<!-- Модифицированный код с передачей параметров -->
<iframe src="https://ticketland.ru/widget?event=123&ymuid=<?php echo $yandex_uid; ?>&ref=<?php echo urlencode($_SERVER['HTTP_REFERER']); ?>"></iframe>

Шаг 3: Специальный код для фрейма

Используйте этот модифицированный код Яндекс.Метрики внутри фрейма:

<!-- Yandex.Metrika counter для фрейма -->
<script type="text/javascript">
    // Получаем параметры из URL
    var urlParams = new URLSearchParams(window.location.search);
    var externalRef = urlParams.get('ref');
    var externalYmuid = urlParams.get('ymuid');
 
    (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
    m[i].l=1*new Date();
    for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
    k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
 
    // Настройка для фрейма с внешними параметрами
    ym(12345679, "init", {
        clickmap: true,
        trackLinks: true,
        accurateTrackBounce: true,
        webvisor: true,
        trackHash: true,
        ut: "noindex",
        // Передача внешних параметров
        params: {
            externalRef: externalRef || document.referrer,
            externalYmuid: externalYmuid
        }
    });
 
    // Специальная обработка для фрейма
    if (window.parent !== window) {
        ym(12345679, 'params', {
            iframe: true,
            parentHost: document.referrer ? new URL(document.referrer).hostname : 'direct'
        });
    }
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/12345679" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

Шаг 4: Передача данных между окнами

Для кросс-доменной коммуникации добавьте этот код на родительскую страницу:

// Код для родительской страницы
window.ticketlandFrameTracker = {
    init: function(iframeId) {
        var iframe = document.getElementById(iframeId);
        var ymuid = this.getYandexUid();
 
        // Обновляем src iframe с параметрами
        var src = iframe.src;
        if (src.indexOf('?') === -1) {
            src += '?';
        } else {
            src += '&';
        }
        src += 'ymuid=' + ymuid + '&ref=' + encodeURIComponent(document.referrer);
        iframe.src = src;
    },
 
    getYandexUid: function() {
        var matches = document.cookie.match(/_ym_uid=([^;]+)/);
        return matches ? matches[1] : '';
    }
};
 
// Инициализация при загрузке фрейма
document.addEventListener('DOMContentLoaded', function() {
    window.ticketlandFrameTracker.init('ticketland-frame');
});

Отслеживание конверсий в фрейме

Настройка целей для покупки билетов

В интерфейсе Метрики создайте цели:

1. **"Начало оформления заказа"** - когда пользователь выбирает билеты
2. **"Заполнение данных"** - на этапе ввода персональных данных  
3. **"Успешная оплата"** - завершение покупки

Код для отслеживания событий в фрейме

// Пример отслеживания событий покупки
function trackTicketPurchase(eventData) {
    ym(12345679, 'reachGoal', 'ticket_purchase', {
        event_id: eventData.eventId,
        ticket_count: eventData.ticketCount,
        total_amount: eventData.amount,
        currency: eventData.currency
    });
}
 
// Отслеживание шагов воронки
function trackFunnelStep(stepName, stepData) {
    ym(12345679, 'params', {
        funnel_step: stepName,
        step_data: JSON.stringify(stepData)
    });
}

Решение специфических проблем фрейма

Проблема: Блокировка третьих-party cookies

Решение: Использование первого-party cookies через прокси:

// Альтернативный метод идентификации
var visitorId = generateVisitorId(); // Генерация собственного ID
ym(12345679, 'userParams', {
    VisitorID: visitorId,
    FirstVisit: new Date().toISOString()
});

Проблема: Потеря источника трафика

Решение: Явная передача UTM-меток:

// Передача UTM-параметров
var utmParams = {
    utm_source: getUrlParam('utm_source'),
    utm_medium: getUrlParam('utm_medium'),
    utm_campaign: getUrlParam('utm_campaign')
};
 
ym(12345679, 'params', utmParams);

Проверка работы в фрейме

Методы отладки

1. **Проверка в консоли фрейма:**
   - Откройте инструменты разработчика
   - Перейдите в контекст фрейма
   - Проверьте наличие запросов к mc.yandex.ru
2. **Проверка параметров:**
   - Добавьте `?__ym_debug=2` в URL фрейма
   - Проверьте передаваемые параметры
3. **Мониторинг в реальном времени:**
   - Используйте отчет "Мониторинг" в Метрике
   - Фильтруйте по hostname фрейма

Пример корректной работы

[Яндекс.Метрика] counter 12345679 hit https://ticketland.ru/widget?event=123
[Яндекс.Метрика] Параметры: {externalRef: "https://example.com", iframe: true}
[Яндекс.Метрика] Цель достигнута: ticket_purchase

Интеграция с электронной коммерцией

Настройка данных о покупках

Для точного отслеживания ROI настройте передачу данных о заказах:

// Передача данных о заказе
ym(12345679, 'reachGoal', 'purchase', {
    orderPrice: 2500,
    orderId: 'ORD-12345',
    currency: 'RUB',
    products: [
        {
            id: 'TICKET-001',
            name: 'Билет на концерт',
            price: 1250,
            quantity: 2
        }
    ]
});

FAQ по фрейму Ticketland

❓ Почему не отслеживаются посетители во фрейме?

Ответ: Возможно, блокируются кросс-доменные запросы. Проверьте настройки CORS и используйте передачу параметров через URL.

❓ Как отслеживать источники трафика для фрейма?

Ответ: Передавайте referrer и UTM-метки через параметры URL при загрузке фрейма.

❓ Нужен ли отдельный счетчик для фрейма?

Ответ: Рекомендуется использовать отдельный счетчик для чистоты данных и избежания дублирования.

❓ Как настроить цели для этапов покупки?

Ответ: Используйте JavaScript-события на каждом этапе воронки покупки в коде фрейма.

🎫 Совет: Регулярно тестируйте отслеживание, совершая тестовые покупки через фрейм и проверяя данные в реальном времени.

Интеграции с виджетом

Продавая билеты на своём сайте, зачастую возникает потребность анализировать продажи средствами web-аналитики или отправлять данные в рекламные системы для оптимизации маркетинговых активностей. В данной инструкции вы узнаете, как интегрировать виджет с аналитикой и социальными сетями.

Настройка счетчика Яндекс.Метрики на сайте

Создание Счетчика в Яндекс.Метрике

1. Подготовительные действия

  • Ваша учетная запись Яндекс (Яндекс.ID). Если ее нет, необходимо зарегистрироваться.
  • Определение основных доменов сайта, для которых будет собираться статистика.

2. Процедура создания

  1. Зайдите в личный кабинет Яндекс.Метрики и нажмите кнопку «Добавить счетчик»
  1. На странице нового счетчика заполните обязательные поля:
  • Имя счетчика: – Укажите понятное название для идентификации (например, «Основной сайт company.com»).
  • Адрес сайта: – Введите основной домен без http: или https: (например, example.ru). Кириллические домены вводите кириллицей .
  • Часовой пояс: – Выберите параметры, по которым будет вестись отчетность.
  • Валюта:
  1. Настройте дополнительно:
  • Вебвизор, карта скроллинга, аналитика форм – рекомендуется включить для детального анализа поведения пользователей.
  • Автоматические цели – позволяет автоматически отслеживать клики по email, телефонам и другим элементам.
  • Электронная коммерция – активируйте, если сайт является интернет-магазином.
  • Контентная аналитика – полезна для блогов и контент-проектов.

1. Настройки электронной торговли внутри личного кабинета Яндекс.Метрики и на сайте: Чтобы данные в электронную торговлю начали поступать, необходимо убедиться, что код на сайте и настройки вашего счетчика позволяют это делать. Для этого:

  1. Зайдите в личный кабинет Яндекс.Метрики
  2. Перейдите в раздел настройки
  3. Убедитесь, что у вас включена настройка «Электронная коммерция». Или включите ее и сохраните. Имя контейнера данных должно быть равно «dataLayer».

- Убедитесь, что код на странице настройки соответствует тому, что размещен у вас на сайте. (Если ранее код на сайте не был установлен, то не беспокойтесь, внутри файла GTM при импорте подключается сразу правильный код).

  1. В случае необходимости, замените код на своем сайте, если ранее настройка электронной торговле не была подключена.

3. Настройки целей в Яндекс.Метрике:

  1. Перейдите в раздел «Цели», нажмите «Добавить цель».
  2. В появившемся окне впишите название цели.
  3. Выберите тип «Тип условия» - «JavaScript-событие»
  4. Укажите «Идентификатор цели», равный одному из представленных в таблице ниже, в зависимости от того, какую цель хотите создать.
Название Идентификатор цели
Открытие виджета tl_open_frame
Добавление в корзину tl_add_to_cart
Покупка tl_purchase

Интеграция с социальными сетями

В рамках интеграции ниже можно подключить счетчики ВК и МайТаргет. События фрейма интегрированы только со Вконтакте: при открытии фрейма уходит событие VK.Goal('conversion'), при добавлении в корзину VK.Goal('purchase');, при покупке VK.Goal('purchase');.

</del>- Скачайте файл интеграции по ссылке https://drive.google.com/file/d/1dmzekYcQ4hwCUrtzUyx7t4hbQGJv_6u4/view?usp=sharing
- Откройте вашу панель управления GTM и нажмите «Администрирование».
- Выберите пункт настройки «Импортировать контейнер»
- Выберите скачанный в пункте 1 файл. Выберите рабочую область «Существующая» → «Default Workspace» и вариант импорта «Объединить» → «Перезаписать конфликтующие теги, триггеры и переменные.» В конце нажмите «Подтвердить».
- Далее перейдите в раздел переменные
- Внесите id ваших пикселей в настройках переменных.
- Опубликуйте версию контейнера, нажав в верхнем правом углу кнопку «Опубликовать»
- В появившемся окне нажимте кнопку «Опубликовать» повторно, а также кнопку «Далее». После этого настройки контейнера успешно применятся.

После этого данные начнут поступать в рекламные кабинеты. По необходимости отключите ненужные теги.</del>


tlpro/integrations.1758882880.txt.gz · Последнее изменение: 2025/09/26 13:34 — n.zalozin