Подключение целей Яндекс.Метрика на виджеты с кнопками в конструкторе сайтов Tilda
Давайте на примере детально разберём подключение целей Яндекс.Метрики к любой кнопке или ссылке на сайте в конструкторе Tilda, если в настройке блока на сайте отсутствует специальная уникальная ссылка для отправки данных в систему аналитики. Покопавшись в интернете я нашел информацию только в общих чертах, ввиду чего решил написать эту статью и облегчить путь к решению этой задачи будущих маэстро E-Commerce. В примере мы с Вами научимся создавать цели в Яндекс.Метрика, создавать в конструкторе сайтов Tilda блок с HTML кодом, работать с Java Script, который поможет связать наш сайт с системой аналитики.
Перейдём к конкретному примеру:
Описанные ниже действия будут приведены на примере настроенного блока BF905 или BF905A (виджеты с каналами связи WhatsApp, Telegram, Телефон, Почта и т.д.) Предположим Вы хотите, чтобы данные о нажатии по этим кнопкам уходили в Яндекс.Метрику, но в этих блоках не генерируются специальные ссылки для отправки данных в аналитику.
Для начала создадим те самые цели в инструменте Яндекс.Метрика. Для этого, в личном кабинете счётчика, переходим в «настройки», «цели» и нажимаем «добавить цель». Затем задаём три параметра (Снимок 1):
Яндекс метрика как установить на сайт тильда
Здравствуйте. С вами руководитель веб-студии “ИВЦ 8 бит” Вадим Твердохлеб. И сегодня я расскажу, как проходит установка счетчика Яндекс.Метрики на Тильду.
Для чего нужен счетчик Яндекс.Метрики?
«Яндекс.Метрика» позволяет оценивать посещаемость сайтов. Одним из инструментов отслеживания является счетчик. Счетчик – это скрипт, который нужно размещать в начале страницы. Он генерируется автоматически, так что знания javascript или html не потребуется. Далее мы рассмотрим, непосредственно, подключение счетчика.
Установка счетчика Яндекс.Метрики:
- Для начала нужно зайти в Яндекс Метрику и нажать кнопку «Добавить счетчик»
2. Заполняем открывшуюся форму. Вставляем имя сайта. Даем имя счетчику.
3. Включаем вебвизор, он нужен для более тщательного отслеживания поведения пользователя на сайте
4. После заполнения всех полей кликаем «Создать счетчик» и переходим к второму этапу
5. 2 шаг нам не интересен, так как, счетчик на Тильду мы устанавливаем не кодом.
6. Нажимаем «Начать пользоваться»
7. После этого счетчик сохраняется и перекидывает Вас на главную страницу, там будет отображаться Ваш счетчик и его статистика.
8. Теперь нам нужен номер счетчика, для подключения к Тильде. Найти номер счетчик можно тут. Копируем номер.
9. Заходим в Тильду. Переходим в настройки сайта. Далее в аналитику.
10. Ищем Яндекс Метрику в списке. Вставляем номер счетчика в строку.
12. Теперь нужно опубликовать все страницы сайта. Это нужно, чтобы все изменения, связанные с счетчиком вступили в силу.
Готово! Если Вы сделали все правильно, то счетчик начнет работать в течении суток. В противном случае проверьте правильность выполнения шагов.
Как проверить, заработал ли счетчик?
Стоит отметить, что счетчик Яндекс.Метрики начинает засчитывать посещения сайта не сразу после создания, а, примерно, через 15-40 минут после создания.
1 способ.
Для проверки, начал ли свою работу счетчик, в Метрике есть специальные маркеры. Они бывают трех цветов: зеленый, желтый, красный.
Работают по аналогии светофора.
Красный: Счетчик не работает.
Желтый: Счетчик проходит проверку.
Зеленый: Счетчик установлен корректно.
2 способ.
Зайти на страницу сайта, нажимаем сочетание клавиш CTRL+U.
В появившемся окне нажимаем клавиши Ctrl+F и вводим “Yandex.Metrika” или номер вашего счетчика.
Внимание! Интеграции с различными сервисами работают только на платных тарифах.
Всем этим премудростям мы учим в нашей онлайн-школе «БИТ: Бизнес.Интернет.Технологии»
Установка и настройка Яндекс Метрики: пошаговое руководство
Яндекс Метрика – важный инструмент маркетингового анализа и продвижения, представляющий собой сервис аналитики веб-сайтов. Данная система собирает статистические данные о пользователях, которые посещают ваш интернет-ресурс и совершают на нем определенные действия – либо, напротив, не совершают. Метрика как раз и помогает понять – почему это происходит и как достичь необходимых целей. Иными словами, с помощью полученных данных можно определить, в чем сильные и слабые стороны вашего ресурса, что мешает пользователям оставить заявку или сделать заказ, а исходя из этого – повысить удобство использования сайта, улучшить конверсии, продажи и так далее.
Яндекс Метрика собирает информацию о вашей целевой аудитории: источники поступления трафика на сайт, географическое местоположение пользователей, их пол, возраст, интересы. Также в отчетах сервиса отображается время, проведенное пользователями на страницах, порядок переходов, взаимодействие с формами обратной связи, глубина просмотра и другие данные.
Для владельца любого бизнеса такая информация незаменима, поскольку именно она помогает лучше понять свою целевую аудиторию и по-новому взглянуть на свой сайт. Ведь сайт, прежде всего – это маркетинговый инструмент, а не просто страница о вашей компании. С помощью полученных данных вы можете сделать выводы о том, какие страницы наиболее посещаемы, удобен ли сайт в использовании, почему пользователи отказываются от совершения сделки и покидают ресурс, не совершив целевого действия. Без владения этими сведениями вы просто не сможете выявить проблемные места, а значит – исправить их. Своевременное реагирование на изменение аудитории, трафика и другие нюансы позволит повысить количество и качество конверсий и продаж, а в конечном счете – доход вашей фирмы.
Яндекс метрика как установить на сайт тильда
Tilda является удобным конструктором сайтов. Отслеживание кнопок, форм, popup можно осуществить напрямую подключив счетчики google analytics и яндекс метрики или через google tag manager.
На примере мы настроим передачу данных в google analytics и яндекс метрику через gtm и настроим цели на отправку формы.
1.Настройка аналитики в tilda
Переходим в личный кабинет /// Настройка сайта
Аналитика и SEO /// вводим Свой ID счетчика gtm
Если вы решили настроить отслеживание через gtm, то в настройках не нужно указывать код счетчика аналитики и метрики что бы избежать задвоения.
2.Настройка в google tag manager
Нам нужно настроить 4 тега (если у Вас некоторые пункты настроены их можно пропустить)
Тег 1.Установка счетчика google analytics (детальнее читайте здесь)
Нужно создать один тег и одну переменную
Создаем переменную cod ua
Тип переменной: константа
Значение: Ваш код счетчика Universal analytics
Значение мы берем из google analytics
В блоке ресурса /// Код отслеживания /// код отслеживания
Создаем тег Universal Analytics
Тип тега: Universal Analytics
Тип отслеживания: Просмотр страницы
Включаем переопределение настроек
Переменная Cod ua
Триггер активации: All Pages
Тег 2. Установка счетчика яндекс метрики (детальнее читайте здесь)
Нужно настроить один тег
Название: Yandex Metrika
Тип тега: Пользовательский HTML
Вставляем код счетчика яндекс метрики
Триггер: All Pages
Код находится в яндекс метрике : Настройки /// Код счетчика
Тег 3.Отправка виртуальных страниц в google analytics
Нужно создать один тег, один триггер и две переменные
Переменная pageView
Тип: Пользовательское событие
Переменная VirtualPath
Тип переменной: переменная уровня данных
Имя переменной: eventAction
Переменная virtualTitle
Тип переменной: переменная уровня данных
Имя переменной: title
Настроим триггер:
Название события: События Tilda
Тип триггера: Пользовательское событие
Имя события: pageView (переменной которую мы создали)
Триггер активируется: все специальные события
Создаем тег:
Название: отправка в ga (название может быть разным)
Тип тега: Universal Analytics
Тип отслеживания: Просмотр страницы
Включить переопределение настроек
Выбираем переменную cod ua (которую мы предварительно уже создали)
В дополнительных настройках передаем дополнительные поля:
Поле page со значением переменной VirtualPath (которую мы создали)
Поле title со значением переменной virtualTitle (которую мы создали)
Триггер: События Tilda (триггер который предварительно создали)
Тег 4. Отправка виртуальных страниц в яндекс метрику
Настроим один тег и одну переменную
Переменная: cod metrika
Тип переменной: константа
Значение: Ваш код счетчика метрики в формете yaCounterХХХХХХХ
Номер счетчика можно взять с кода в яндекс метрике
Создаем тег
Название: отправка в ya
Тип тега: Пользовательский тег HTML
Триггер активации: События Tilda (который, мы предварительно создали)
Перед публикацией обязательно проверьте теги через режим предварительного просмотра.
Настройка целей в google analytics
После настройки в gtm, смотрим данные в отчетах в google analytics
Переходим: Поведение /// Контент сайта /// Все страницы (если страниц много можно сделать фильтр Страница содержит tilda)
Так как по примеру мы будем настраивать цели на формы нас интересуют страницы, которые содержат form
Также передачу виртуальных страниц можно просмотреть в режиме реального ремени
В режиме реального времени /// контент
Можно посмотреть нужную нам форму в конструкторе Tilda
Находим форму переходим в настройки:
Находим отправка формы в системы аналитики.
Вам нужно будет эти формы включать.
Переходим к настройкам целей
Настроим общую цель на все формы и на одну, которая называется «Form complete» у которой виртуальная страница /tilda/form40447674/submitted/
Цель будет срабатывать при отправке любой форме на сайте
Переходим: в блоке Представления /// Цели /// + Цель
Название: Все формы (можно назвать по разному)
Тип: целевая страница
Переход регулярное выражение .*tilda\/form[^/]+\/submitted\/
Цель: Form complete
Цель будет срабатывать при отправке любой форме на сайте
Тип: целевая страница
Переход регулярное выражение /tilda/form40447674/submitted/
Цели на отслеживания форм в google analytics настроены. Настраивайте цели по аналогии исходя из настроек Вашего сайта.
Посмотреть отчет по целям Вы можете: Весь траффик /// Источник или канал
Настройка целей в яндекс метрике
Смотрим какие страницы передаются в яндекс метрику
Отчеты /// Стандартные отчеты /// Содержание /// Популярное
Переходим к настройки цели
Настройка /// Цели /// Добавить цель
Пропишем название цели
Тип условия: Посещение страниц
url содержит /tilda/form40447674/submitted/ (нужная виртуальная страница, которая срабатывает при отправку формы в tilde)
По аналогии настраивайте цели на своем сайте.
- shares
- Telegram
- Google+
- VKontakte
- Gmail
- Mail.ru
Максим
Последние статьи Максим (посмотреть все)
- Тренд меняющий digital-маркетинг — 16.01.2019
- Measurement Protocol в Google analytics — 18.06.2018
- Data Studio. Строим первый отчет. — 11.06.2018
Максим, привет.
Сделал все, как написано у тебя в статье, но не появляются виртуальные страницы, когда отправляешь заказ через корзину. Подскажи, пожалуйста, куда копать?
И еще не понял, у тебя один и тот же скрин в статье для отправки всех форм и отправки конкретной формы.
Здравствуйте. Посмотрите наше видео по данной статье https://www.youtube.com/watch?v=vEiXvx7Fj2E Скрин исправим. Спасибо.
Добрый день! Вопрос по вашему гайду. Почему в ГА мы используем Регулярные выражения, а в ЯМ URL содержит? В чем принципиальное отличие? (Как я понял, если юзать регулярное выражение то в случае с несколькими формами, когда нужно объединить их в 1 цель, например /tilda/form(111111/submitted/|22222/submitted/|33333/submitted/)
Если так, тогда это нужно было упомянуть об этом в статье, если нет, жду комментариев по такому принципу разбивки.
Надеюсь вопрос понятно изложен
С яндекс метрикой не понятно. У вас указано: создать константу (counterXXXXX) но яндекс метрике 2 не используется такое выражение, а если переключится на старую метрику, то не будет работать вебвизор по заявлениям яндекса.
Я сидел ломал голову почему не передаются события… оказалось просто пример по которому вы настраиваете яндекс метрику устарел.
вот такой код можно использовать для яндекс метрики
где 57202423 ваш код счетчика
Добрый день, всё сделал как в статье, но адреса виртуальных страниц не передаются в Analytics. В чём может быть проблема?