tlpro:integrations [ Ticketland Wiki]

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== Настройка Яндекс.Метрики для сайта и фрейма Ticketland ======

**Краткое руководство по установке и базовой настройке счетчика Яндекс.Метрики**

<WRAP center round info 60%>
**Время настройки:** 15-30 минут   
**Необходимо:** доступ к редактированию кода сайта
</WRAP>

===== Быстрая навигация =====
  - [[#создание_счетчика|Создание счетчика]]
  - [[#установка_на_сайт|Установка на сайт]]
  - [[#настройка_для_фрейма_ticketland|Настройка для фрейма Ticketland]]
  - [[#проверка_работы|Проверка работы]]
  - [[#полезные_ссылки|Полезные ссылки]]

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

=== Шаг 1: Регистрация в Метрике ===

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

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

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

| Параметр | Пример значения | Примечание |
| **Имя счетчика** | `Основной сайт example.com` | Для идентификации в списке |
| **Адрес сайта** | `example.ru` | Без http/https |
| **Часовой пояс** | Москва, +3 GMT | Для корректного времени в отчетах |
| **Владелец счетчика** | Иванов И.И. | Кто управляет счетчиком |

=== Шаг 3: Дополнительные опции ===

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

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

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

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

=== Базовый код для вставки ===

Скопируйте этот код в тег `<head>` на всех страницах сайта:

<code 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();
   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
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/12345678" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</code>

где 12345678 - ваш номер счетчика.


<WRAP center round important 60%>
❗ **Внимание:** Если ваш сайт также использует Яндекс Метрику для аналитики, не используйте его номер счетчика для фрейма тикетленд. Создайте отдельный.
</WRAP>
=== Установка через CMS ===

**WordPress:** Используйте плагин "Yandex Metrica" или вставьте код в `header.php`  

**1C-Битрикс:** Раздел "Маркетинг" → "Веб-аналитика"  

**Tilda:** Настройки сайта → "Аналитика" → поле "Яндекс.Метрика"

===== Настройка для фрейма Ticketland =====

=== 1. Добавление домена в счетчик ===

В настройках счетчика во вкладке **"Фильтры"** → **"Дополнительные адреса сайта"** добавьте:
<code>
ticketland.ru
*.ticketland.ru
</code>

=== 2. Базовый код фрейма ===

<code html>
<div id="tl-widget-container"></div>
<script>
    var tlWidgetConfig = {
        partner: 'your-partner-code', // Получить в Ticketland
        container: 'tl-widget-container',
        type: 'events' // или 'venues' в зависимости от типа
    };
    
    (function() {
        var script = document.createElement('script');
        script.src = 'https://widget.ticketland.ru/embed.js';
        document.head.appendChild(script);
    })();
</script>
</code>

=== 3. Отслеживание событий фрейма ===

Добавьте этот код для отслеживания взаимодействий:

<code javascript>
// Отслеживание загрузки фрейма
document.addEventListener('TL_WIDGET_LOADED', function() {
    ym(12345678, 'reachGoal', 'widget_loaded');
});

// Отслеживание кликов по событиям
document.addEventListener('TL_EVENT_CLICK', function(event) {
    ym(12345678, 'reachGoal', 'event_click', {
        event_id: event.detail.id,
        event_name: event.detail.name
    });
});
</code>

<del>=== 4. Цели для анализа продаж ===

Настройте в Метрике цели с типом **"JavaScript-событие"**:

| Цель | Идентификатор | Описание |
|------|---------------|----------|
| Просмотр события | `event_view` | Пользователь просмотрел страницу события |
| Выбор билетов | `ticket_select` | Пользователь выбрал билеты |
| Начало оформления | `checkout_start` | Начало процесса оплаты |
</del>
===== Проверка работы =====

=== Проверка счетчика на сайте ===

  1. Откройте сайт с параметром: `?__ym_debug=2`
       
      (возможно понадобится открыть в окне с отключенными блокировщиками рекламы и с разрешением на запуск скриптов) 
      В нижнем правом углу вашего сайта должен появиться значок Яндекс Метрики 

{{:tlpro:jametrika_ikonka_konsoli.jpg?nolink|Консоль Яндекс Метрики}}
     
     При нажатии на него развернется консоль метрики с вашим активным счетчиком
    
{{:tlpro:interfejs_jametriki.jpg?nolink|Интерфейс Яндекс Метрики}}
     
     
  2. Нажмите F12 → Console

  3. Должны увидеть: `[Яндекс.Метрика] counter 12345678 hit URL_СТРАНИЦЫ`

=== Проверка фрейма ===

  1. Откройте страницу с фреймом
  2. В консоли напишите: `document.querySelector('iframe')`
  3. Убедитесь, что фрейм загружается с ticketland.ru

=== Проверка в интерфейсе Метрики ===

  - Зеленый индикатор "Данные поступают"
  - Первые данные через 2-3 часа
  - Вебвизор доступен через 24 часа

<WRAP center round important 60%>
❗ **Важно:** После изменения настроек счетчика необходимо обновить код на сайте
</WRAP>

===== Решение частых проблем =====

=== Счетчик не собирает данные ===
  - Проверьте правильность номера счетчика
  - Убедитесь, что код на всех страницах
  - Отключите AdBlock для тестирования

=== Не работают цели ===
  - Проверьте регистр букв в идентификаторах
  - Убедитесь, что код цели выполняется
  - Проверьте с помощью консоли яндекс метрики включенной с помощью ym_debug

=== Проблемы с фреймом ===

  - Проверьте, добавлен ли домен ticketland.ru в настройки
  - Убедитесь, что фрейм загружается корректно
  - Проверьте JavaScript-ошибки в консоли

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

**Официальная документация Яндекс:**
  - [[https://yandex.ru/support/metrica/ru/general/creating-counter|Создание счетчика]]
  - [[https://yandex.ru/support/metrica/ru/general/check-counter|Проверка работы счетчика]]

**Документация Ticketland:**
  - [[https://doc.ticketland.ru/|Базовая документация]]

<WRAP center round tip 60%>
💡 **Совет:** Для сложных случаев интеграции обратитесь к технической документации или в поддержку сервисов
</WRAP>

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

**Актуальная документация Яндекса по подключению, созданию, настройке и администрированию Яндекс.Метрики**

[[https://yandex.ru/support/metrica/ru/|Яндекс.Метрика]]

[[https://yandex.ru/support/metrica/ru/general/creating-counter/|https://yandex.ru/support/metrica/ru/general/creating-counter/ — Создание счетчика. Подробная инструкция от Яндекс]]

[[https://yandex.ru/support/metrica/ru/general/check-counter| https://yandex.ru/support/metrica/ru/general/check-counter — Проверка счетчика]]

[[https://yandex.ru/support/metrica/ru/general/debugger| https://yandex.ru/support/metrica/ru/general/check-counter — Отладчик работы счетчика Метрики]]

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

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

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

    * Определение основных доменов сайта, для которых будет собираться статистика.

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

  - Зайдите в [[https://metrika.yandex.ru/list|личный кабинет Яндекс.Метрики]] и нажмите кнопку **"Добавить счетчик"**
  
  -  На странице нового счетчика заполните обязательные поля:

  * **Имя счетчика:** – Укажите понятное название для идентификации (например, «Основной сайт company.com»).
  * **Адрес сайта:** – Введите основной домен без http:// или https:// (например, example.ru). Кириллические домены вводите кириллицей .
  * **Часовой пояс:** – Выберите параметры, по которым будет вестись отчетность.
  * **Валюта:** – 

  - Настройте дополнительно:

  * **Вебвизор, карта скроллинга, аналитика форм** – рекомендуется включить для детального анализа поведения пользователей.

  * **Автоматические цели** – позволяет автоматически отслеживать клики по email, телефонам и другим элементам.

  * **Электронная коммерция** – активируйте, если сайт является интернет-магазином.

  * **Контентная аналитика** – полезна для блогов и контент-проектов.


**1. Настройки электронной торговли внутри личного кабинета Яндекс.Метрики и на сайте:**
Чтобы данные в электронную торговлю начали поступать, необходимо убедиться, что код на сайте и настройки вашего счетчика позволяют это делать.  Для этого:
  - Зайдите в личный кабинет Яндекс.Метрики
  - Перейдите в раздел настройки
  - Убедитесь, что у вас включена настройка "Электронная коммерция". Или включите ее и сохраните. Имя контейнера данных должно быть равно "dataLayer".
 <del> - Убедитесь, что код на странице настройки соответствует тому, что размещен у вас на сайте. (Если ранее код на сайте не был установлен, то не беспокойтесь, внутри файла GTM при импорте подключается сразу правильный код).</del>
  - В случае необходимости, замените код на своем сайте, если ранее настройка электронной торговле не была подключена.
{{ :tlpro:nastrojka_ehlektronnoj_torgovli_v_jandeks.metrike.mp4?800x400 |}}

**3. Настройки целей в Яндекс.Метрике:**
  - Перейдите в раздел "Цели", нажмите "Добавить цель".
  - В появившемся окне впишите название цели.
  - Выберите тип "Тип условия" - "JavaScript-событие"
  - Укажите "Идентификатор цели", равный одному из представленных в таблице ниже, в зависимости от того, какую цель хотите создать.

| **Название**  | **Идентификатор цели**     |
| Открытие виджета  | tl_open_frame     |
| Добавление в корзину  | tl_add_to_cart     |
| Покупка  | tl_purchase     |
{{ :tlpro:zapis_ehkrana_2022-03-30_v_18.26.52_video-converter.com_.mp4?800x400 |}}





===== Интеграция с социальными сетями =====
В рамках интеграции ниже можно подключить счетчики ВК и МайТаргет. События фрейма интегрированы только со Вконтакте: при открытии фрейма уходит событие 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 ваших пикселей в настройках переменных.
  - Опубликуйте версию контейнера, нажав в верхнем правом углу кнопку «Опубликовать»
  - В появившемся окне нажимте кнопку «Опубликовать» повторно, а также кнопку «Далее». После этого настройки контейнера успешно применятся.
{{ :tlpro:integracija_analitiki_v_gtm.mp4?800x400 |}}

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