Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
tlpro:integrations [2025/09/26 13:01]
n.zalozin
tlpro:integrations [2025/10/13 11:20] (текущий)
n.zalozin
Строка 1: Строка 1:
-====== Настройка счетчика Яндекс.Метрики на сайте ======+====== Настройка Яндекс.Метрики для сайта и фрейма Ticketland ======
  
-**Яндекс.Метрика** — это сервис веб-аналитики, который позволяет собирать данные о посещаемости сайта и поведении пользователей. Данная инструкция описывает полный процесс настройки счетчика.+**Краткое руководство по установке и базовой настройке счетчика Яндекс.Метрики**
  
 <WRAP center round info 60%> <WRAP center round info 60%>
-**Целевая аудитория:** маркетологи, веб-мастера, администраторы сайтов +**Время настройки:** 15-30 минут    
-**Время выполнения:** 20-40 минут +**Необходимо:** доступ к редактированию кода сайта
-**Уровень сложности:** начальный-средний+
 </WRAP> </WRAP>
  
-===== Оглавление ===== +===== Быстрая навигация =====
- +
-  - [[#предварительные_требования|Предварительные требования]]+
   - [[#создание_счетчика|Создание счетчика]]   - [[#создание_счетчика|Создание счетчика]]
   - [[#установка_на_сайт|Установка на сайт]]   - [[#установка_на_сайт|Установка на сайт]]
 +  - [[#настройка_для_фрейма_ticketland|Настройка для фрейма Ticketland]]
   - [[#проверка_работы|Проверка работы]]   - [[#проверка_работы|Проверка работы]]
-  - [[#дополнительные_настройки|Дополнительные настройки]] +  - [[#полезные_ссылки|Полезные ссылки]]
-  - [[#решение_проблем|Решение проблем]] +
-  - [[#часто_задаваемые_вопросы|Часто задаваемые вопросы]] +
- +
-===== Предварительные требования ===== +
- +
-  * **Учетная запись Яндекс** (Яндекс.ID) +
-    - Если нет: [[https://ya.ru|зарегистрируйтесь]] +
-    - Рекомендуется использовать корпоративную почту +
- +
-  * **Доступ к сайту:** +
-    - Права администратора CMS +
-    - Доступ к FTP/хостинг-панели +
-    - Возможность редактирования HTML-кода +
- +
-  * **Информация о сайте:** +
-    - Доменное имя сайта +
-    - Часовой пояс посетителей +
-    - IP-адреса сотрудников (для фильтрации)+
  
 ===== Создание счетчика ===== ===== Создание счетчика =====
  
-=== Шаг 1: Начало создания ===+=== Шаг 1: Регистрация в Метрике ===
  
-  1. Перейдите на [[https://metrika.yandex.ru/|сайт Яндекс.Метрики]] +  1. Перейдите в сервис 
-  2. Нажмите кнопку **"Добавить счетчик"** +   
-  3. Авторизуйтесь, если потребуется+[[https://metrika.yandex.ru/|Яндекс.Метрика]] 
 +   
 +  2. Нажмите кнопку 
 +**"Добавить счетчик"** 
 +  3. Авторизуйтесь с помощью Яндекс.ID
  
 === Шаг 2: Основные настройки === === Шаг 2: Основные настройки ===
Строка 47: Строка 31:
 Заполните обязательные поля: Заполните обязательные поля:
  
-**Параметр** **Значение** **Пример** | **Примечание** | +| Параметр | Пример значения | Примечание | 
-|-------------|--------------|------------|----------------+| **Имя счетчика** | `Основной сайт example.com| Для идентификации в списке 
-| **Имя счетчика** | Уникальное имя | "Основной сайт company.com| Для удобной идентификации | +| **Адрес сайта** | `example.ru` | Без http/https | 
-| **Адрес сайта** | Доменное имя | `example.ru` | Без http/https | +| **Часовой пояс** | Москва, +3 GMT | Для корректного времени в отчетах 
-| **Часовой пояс** | Ваш регион | Москва, +3 GMT | Для корректной статистики +| **Владелец счетчика** | Иванов И.И. | Кто управляет счетчиком |
-| **Владелец счетчика** | Ответственный | Иванов И.И. | Кто управляет счетчиком |+
  
-=== Шаг 3: Дополнительные настройки ===+=== Шаг 3: Дополнительные опции ===
  
 +Рекомендуемые настройки:
 <code> <code>
 [✓] Вебвизор, карта скроллинга, аналитика форм [✓] Вебвизор, карта скроллинга, аналитика форм
-[✓] Автоматические цели  +[✓] Автоматические цели
 [✓] Яндекс.Директ (если используется) [✓] Яндекс.Директ (если используется)
 [ ] Электронная коммерция (только для магазинов) [ ] Электронная коммерция (только для магазинов)
-[✓] Информация о технологиях посетителей 
 </code> </code>
  
-=== Шаг 4: Важные настройки безопасности === +=== Шаг 4: Завершение создания ===
- +
-В разделе **"Дополнительные настройки"**: +
- +
-<code> +
-[x] Принимать данные только с указанных адресов +
-[x] Не сохранять полные IP-адреса посетителей   +
-[x] Включить фильтр роботов +
-[x] Учитывать только определенные домены +
-</code> +
- +
-=== Шаг 5: Завершение создания ===+
  
   1. Примите условия пользовательского соглашения   1. Примите условия пользовательского соглашения
-  2. Нажмите **"Создать счетчик"** +  2. Нажмите кнопку 
-  3. Сохраните номер счетчика (пример: 12345678) +**"Создать счетчик"** 
- +  3. Нажмите кнопку 
-<WRAP center round important 60%> +**"Сохраните номер счетчика"** 
-❗ **Запишите номер счетчика** - он понадобится для дальнейшей настройки +     (например: 12345678)
-</WRAP>+
  
 ===== Установка на сайт ===== ===== Установка на сайт =====
  
-=== Способ 1: Прямая установка в HTML-код ===+=== Базовый код для вставки ===
  
-**Полный код для вставки:**+Скопируйте этот код в тег `<head>` на всех страницах сайта:
  
 <code html> <code html>
 <!-- Yandex.Metrika counter --> <!-- Yandex.Metrika counter -->
-<script type="text/javascript" >+<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)};    (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();    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)})    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");    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
Строка 104: Строка 74:
         trackLinks:true,         trackLinks:true,
         accurateTrackBounce:true,         accurateTrackBounce:true,
-        webvisor:true+        webvisor:true
-        ecommerce:"dataLayer"+
    });    });
 </script> </script>
Строка 112: Строка 81:
 </code> </code>
  
-**Место установки:** +где 12345678 - ваш номер счетчика.
-  - Внутри тега `<head>+
-  - Как можно ближе к началу страницы +
-  - На **всех** страницах сайта+
  
-=== Способ 2: Установка через популярные CMS === 
  
-**WordPress:** +<WRAP center round important 60%> 
-  1. Установите плагин "Yandex.Metrica Counter" +❗ **Внимание:** Если ваш сайт также использует Яндекс Метрику для аналитики, не используйте его номер счетчика для фрейма тикетленд. Создайте отдельный. 
-  2. Перейдите в астройки" → "Яндекс.Метрика+</WRAP> 
-  3. Введите номер счетчика в поле "ID счетчика" +=== Установка через CMS ===
-  4. Сохраните изменения+
  
-**1C-Битрикс:** +**WordPress:** Используйте плагин "Yandex Metricaили вставьте код в `header.php`  
-  1. Перейдите в "Маркетинг→ "Веб-аналитика" +
-  2. Нажмите "Добавить счетчик+
-  3. Выберите "Яндекс.Метрика" +
-  4. Заполните настройки аналогично веб-версии+
  
-**Joomla:** +**1C-Битрикс:** Раздел "Маркетинг→ еб-аналитика 
-  1. Установите расширение "Yandex Metrika" +
-  2. В настройках компонента укажите номер счетчика +
-  3. Настройте дополнительные параметры+
  
-**Tilda:** +**Tilda:** Настройки сайта → "Аналитика" → поле "Яндекс.Метрика"
-  1. Откройте настройки сайта +
-  2. Перейдите в "Аналитика" +
-  3. Введите номер счетчика в поле "Яндекс.Метрика" +
-  4. Сохраните изменения+
  
-=== Способ 3: Установка через конструкторы ===+===== Настройка для фрейма Ticketland =====
  
-**Wix:** +=== 1. Добавление домена в счетчик ===
-  1. Перейдите в "Настройки" → "Tracking & Analytics" +
-  2. Нажмите "Добавить новый инструмент" → "Яндекс.Метрика" +
-  3. Введите номер счетчика+
  
-**Shopify:** +В настройках счетчика во вкладке **"Фильтры"** → **"Дополнительные адреса сайта"** добавьте: 
-  1. Перейдите в "Настройки" → "Checkout" +<code> 
-  2. В разделе "Дополнительные скрипты" вставьте код +ticketland.ru 
-  3. Сохраните изменения +*.ticketland.ru
- +
-<WRAP center round tip 60%> +
-💡 **Рекомендация:** Для WordPress и Joomla используйте официальные плагины - они автоматически обновляют код при изменении настроек +
-</WRAP> +
- +
-===== Проверка работы ===== +
- +
-=== Метод 1: Проверка через консоль браузера === +
- +
-  1. Откройте сайт в браузере +
-  2. Добавьте к URL параметр`?__ym_debug=2` +
-     - Пример: `https://example.com/?__ym_debug=2` +
-  3. Откройте консоль разработчика (F12 → Console) +
-  4. Убедитесь, что видите сообщение: +
- +
-<code javascript+
-[Яндекс.Метрика] counter 12345678 hit https://example.com/ +
-[Яндекс.Метрика] counter 12345678 params: {...}+
 </code> </code>
  
-=== Метод 2: Проверка в интерфейсе Метрики === +=== 2. Базовый код фрейма ===
- +
-  1. Перейдите в [[https://metrika.yandex.ru/list|список счетчиков]] +
-  2. Напротив вашего счетчика должен быть **зеленый индикатор** +
-  3. Нажмите на счетчик → "Настройки" → "Проверка счетчика" +
-  4. Введите URL страницы и нажмите "Проверить" +
- +
-**Признаки корректной работы:** +
-  - ✅ Зеленый индикатор "Данные поступают" +
-  - ✅ В отчетах появляются визиты (через 2-4 часа) +
-  - ✅ Вебвизор записывает сессии (если включен) +
- +
-=== Метод 3: Проверка через Network === +
- +
-  1. Откройте вкладку "Network" (F12 → Network) +
-  2. Обновите страницу (F5) +
-  3. Найдите запросы к `mc.yandex.ru` +
-  4. Убедитесь, что статус ответа 200 OK +
- +
-<WRAP center round important 60%> +
-❗ **Первые данные** появятся через 2-4 часа. **Полная статистика** будет доступна через 24 часа после установки +
-</WRAP> +
- +
-===== Дополнительные настройки ===== +
- +
-=== Настройка целей === +
- +
-**Пример цели: "Отправка формы заявки"** +
- +
-  1. **В интерфейсе Метрики:** +
-     - Цели → Добавить цель +
-     - Название: "Отправка формы заявки" +
-     - Тип условия: "JavaScript-событие" +
-     - Идентификатор цели: `form_success` +
- +
-  2. **В код сайта добавьте:**+
  
 <code html> <code html>
 +<div id="tl-widget-container"></div>
 <script> <script>
-// Для стандартной формы +    var tlWidgetConfig = { 
-document.getElementById('contact-form').addEventListener('submit', function() { +        partner: 'your-partner-code', // Получить в Ticketland 
-    ym(12345678, 'reachGoal''form_success'); +        container: 'tl-widget-container', 
-})+        type: 'events// или 'venuesв зависимости от типа 
- +    }; 
-// Для AJAX формы +     
-function trackFormSuccess() { +    (function() { 
-    ym(12345678, 'reachGoal''form_success'); +        var script = document.createElement('script'); 
-}+        script.src = 'https://widget.ticketland.ru/embed.js'
 +        document.head.appendChild(script); 
 +    })();
 </script> </script>
 </code> </code>
  
-**Автоматические цели (уже включены):** +=== 3. Отслеживание событий фрейма ===
-  - Клики по email: `mailto:` +
-  - Клики по телефонам: `tel:` +
-  - Скачивание файлов: `.pdf, .doc, .zip` +
-  - Внешние ссылки+
  
-=== Настройка фильтров ===+Добавьте этот код для отслеживания взаимодействий:
  
-**Исключение сотрудников:**+<code javascript> 
 +// Отслеживание загрузки фрейма 
 +document.addEventListener('TL_WIDGET_LOADED', function() { 
 +    ym(12345678, 'reachGoal', 'widget_loaded'); 
 +});
  
-  1. Перейдите в ильтры" → "Добавить фильтр" +// Отслеживание кликов по событиям 
-  2. Настройте фильтр: +document.addEventListener('TL_EVENT_CLICK', function(event) { 
- +    ym(12345678, 'reachGoal', 'event_click', { 
-<code> +        event_idevent.detail.id, 
-ТипИсключить +        event_name: event.detail.name 
-Поле: IP-адрес +    }); 
-Значение: 192.168.1.1192.168.1.100-192.168.1.200 +});
-Название: "Исключить офис"+
 </code> </code>
  
-  3Включите опцию **"Не учитывать мои визиты"**+<del>=== 4Цели для анализа продаж ===
  
-=== Настройка вебвизора ===+Настройте в Метрике цели с типом **"JavaScript-событие"**:
  
-**Рекомендуемые параметры:** +| Цель | Идентификатор | Описание | 
-  - ✅ Запись сессий +|------|---------------|----------| 
-  ✅ Карта кликов +| Просмотр события | `event_view` | Пользователь просмотрел страницу события | 
-  - ✅ Аналитика форм +| Выбор билетов | `ticket_select` | Пользователь выбрал билеты | 
-  - ❌ Запись авторизованных пользователей (по необходимости+| Начало оформления | `checkout_start` | Начало процесса оплаты | 
-  - ✅ Запись посещений с мобильных устройств+</del> 
 +===== Проверка работы =====
  
-===== Решение проблем =====+=== Проверка счетчика на сайте ===
  
-=== Проблема: Счетчик не собирает данные ===+  1. Откройте сайт с параметром`?__ym_debug=2` 
 +        
 +      (возможно понадобится открыть в окне с отключенными блокировщиками рекламы и с разрешением на запуск скриптов)  
 +      В нижнем правом углу вашего сайта должен появиться значок Яндекс Метрики 
  
-**Диагностика:** +{{:tlpro:jametrika_ikonka_konsoli.jpg?nolink|Консоль Яндекс Метрики}} 
-  1. Проверьте наличие кода на странице (ПКМ → Посмотреть код) +      
-  2. Проверьте консоль на ошибки (F12 → Console) +     При нажатии на него развернется консоль метрики с вашим активным счетчиком 
-  3Проверьте с отключенными блокировщиками+     
 +{{:tlpro:interfejs_jametriki.jpg?nolink|Интерфейс Яндекс Метрики}} 
 +      
 +      
 +  2. Нажмите F12 → Console
  
-**Решение:** +  3. Должны увидеть: `[Яндексетрика] counter 12345678 hit URL_СТРАНИЦЫ`
-  - Переустановите код счетчика +
-  - Проверьте правильность номера счетчика +
-  - Отключите AdBlock на вашем сайте+
  
-=== Проблема: Не работает вебвизор ===+=== Проверка фрейма ===
  
-**Причины:** +  1. Откройте страницу с фреймом 
-  - Опция не была включена при создании +  2. В консоли напишите: `document.querySelector('iframe')` 
-  - Не обновлен код после включения опции +  3. Убедитесь, что фрейм загружается с ticketland.ru
-  - IP-адрес исключен через фильтры+
  
-**Решение:** +=== Проверка в интерфейсе Метрики ===
-  1. Проверьте настройки счетчика +
-  2. Обновите код на сайте +
-  3. Проверьте фильтры IP-адресов+
  
-=== Проблема: Неверные данные в отчетах ===+  - Зеленый индикатор "Данные поступают" 
 +  - Первые данные через 2-3 часа 
 +  - Вебвизор доступен через 24 часа
  
-**Возможные причины:** +<WRAP center round important 60%> 
-  - Не настроены фильтры +❗ **Важно:** После изменения настроек счетчика необходимо обновить код на сайте 
-  - Дублирование кода счетчика +</WRAP>
-  - Кэширование страниц +
-  - Разные часовые пояса+
  
-=== Проблема: Ошибка "Counter not found" ===+===== Решение частых проблем =====
  
-**Решение:**+=== Счетчик не собирает данные ===
   - Проверьте правильность номера счетчика   - Проверьте правильность номера счетчика
-  - Убедитесь, что счетчик не удален +  - Убедитесь, что код на всех страницах 
-  - Проверьте доступ к аккаунту+  - Отключите AdBlock для тестирования
  
-===== Часто задаваемые вопросы =====+=== Не работают цели ==
 +  - Проверьте регистр букв в идентификаторах 
 +  - Убедитесь, что код цели выполняется 
 +  - Проверьте с помощью консоли яндекс метрики включенной с помощью ym_debug
  
-=== ❓ Сколько времени нужно для появления данных? === +=== Проблемы с фреймом ===
-Первые данные появляются через 2-4 часа после установки. Полная статистика доступна через 24 часа.+
  
-=== ❓ Нужно ли обновлять код после изменения настроек? === +  - Проверьте, добавлен ли домен ticketland.ru в настройки 
-**Да!** При изменении настроек (включение вебвизора и т.д.) необходимо заменить код на сайте.+  - Убедитесь, что фрейм загружается корректно 
 +  - Проверьте JavaScript-ошибки в консоли
  
-=== ❓ Как отслеживать динамику посещений? ==+===== Полезные ссылки =====
-Используйте отчет "Посещаемость" в разделе "Стандартные отчеты" → "Отчеты по посещаемости".+
  
-=== ❓ Можно ли установить несколько счетчиков? === +**Официальная документация Яндекс:** 
-Да, можно установить несколько счетчиков для разных отделов или целей.+  - [[https://yandex.ru/support/metrica/ru/general/creating-counter|Создание счетчика]] 
 +  - [[https://yandex.ru/support/metrica/ru/general/check-counter|Проверка работы счетчика]]
  
-=== ❓ Как настроить электронную коммерцию? === +**Документация Ticketland:** 
-Требуется дополнительная настройка JavaScript. См. [[https://yandex.ru/support/metrica/e-commerce/|документацию по e-commerce]]. +  - [[https://doc.ticketland.ru/|Базовая документация]]
- +
-===== Полезные ссылки ===== +
- +
-  - [[https://yandex.ru/support/metrica/|Официальная документация Яндекс.Метрики]] +
-  - [[https://yandex.ru/support/metrica/api/|Справочник по API]] +
-  - [[https://yandex.ru/support/metrica/feedback.html|Форум поддержки]] +
-  - [[https://metrika.yandex.ru/list|Личный кабинет Метрики]]+
  
 <WRAP center round tip 60%> <WRAP center round tip 60%>
-📊 **Совет:** Регулярно проверяйте статистику и настраивайте новые цели для улучшения эффективности сайта +💡 **Совет:** Для сложных случаев интеграции обратитесь к технической документации или в поддержку сервисов
-</WRAP> +
- +
-**Дата последнего обновления:** 26.09.2025   +
- +
- +
- +
- +
- +
- +
-====== Интеграции с виджетом ====== +
- +
-Продавая билеты на своём сайте, зачастую возникает потребность анализировать продажи средствами web-аналитики или отправлять данные в рекламные системы для оптимизации маркетинговых активностей. В данной инструкции вы узнаете, как интегрировать виджет с аналитикой и социальными сетями. +
-<WRAP center round important 60%> +
-+
 </WRAP> </WRAP>
  

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