Настройка цели на клик по номеру в Tilda через GTM

клик по номеру в tilda Аналитика

Данный способ не является истинной в последней инстанции как наиболее верный.

Установка GTM на Tilda

  1. Надо уже иметь аккаунт \ почту на Google (типа @gmail.com)
  2. Из под этого аккаунта \ почты идём на https://tagmanager.google.com/
  3. Нажимаем Создать аккаунт

добавление нового аккаунта GTM

Далее принимаем Условия использования Google Менеджера тегов.

Наконец-то попадаем в рабочую область и тут же всплывает окно. Нам там нужен только номер (ID).

номер GTM

Копируем и идём в Тильду – Редактировать сайт – Настройки сайта – Аналитика

google tag manager для tilda

Вставляем сюда ID, нажимаем Сохранить изменения.

Поздравляю, вы установили Google Tag Manager на свой сайт.

Настройка переменных в Google Tag Manager

Далее идём в Рабочую область – Переменные – Настроить

настройка переменных GTM

Нажимаем все галочки в разделе Клики, самое главное в этом случае – это Click Element.

Настройка триггеров на клик по номеру

Потом Рабочая область – Триггеры – Создать

Вот тут вот самая собака зарыта. Выбираем

  1. Тип триггера – Клик – Все элементы
  2. Условия активация – переставляем на Некоторые клики
  3. Выбираем из выпадающего списка ранее добавленную нами переменную Click Element
  4. Содержит
  5. Ставим значение HTMLSpanElement

настройка триггера на клик по номеру Tilda

Не спрашивайте, почему именно так, опытным путём конкретно в этом сайт клик по номерам характеризуется данным элементом HTML

Не забываем сохранять.

Настройка Тегов для данных по цели

Переходим Рабочая область – Теги – Создать

Передача и проверка Яндекс Метрика

тег клик по номеру tilda

  1. Выбираем Тип тега – Пользовательский тег HTML
  2. Далее вставляем Код цели для сайта между <script> вот сюда </script> (выглядит типа ym(87246229,’reachGoal’,’ORDER’)
  3. Если не знаете где взять код для предыдущего шага – читайте тут https://kdubonosov.ru/google-tag-manager/#nastroyka-tseley-yandeks-metrika-cherez-google
  4. Сохраняем

Нажмите Отправить в правом верхнем углу рабочей области и считайте, что цель установлена.

По пути может попросить указать версию. Самое главное, чтобы данные были отправлены.

Проверка работы цели

Осуществяется одним из следующих способов:

  1. Так как указано здесь https://kdubonosov.ru/google-tag-manager/#kak-proverit-rabotayut-li-tseli-metriki-na (с использование такой конструкции адресвашегосайта.рф/?_ym_debug=1
)
  2. Через Предварительный просмотр

Коротко опишу механизм, который со временем вожет стать неактуальным, так как всё постоянно зачем-то меняется.

Вы указываете адрес сайта в открывшемся окне и нажимаете Connect После в соседней вкладке открывается сайт и внизу появляется плашка о том что вы в режиме debug.

Если все хорошо и связь установлена, то вы увидите все события, которые происходят на странице в реальном времени, но в предыдущей вкладке, а не во вкладке с сайтом. Но делать все произвольные действия надо на вкладке с сайтом.

Раньше было что, всё это происходило в 1 окне с наложением снизу информации о событиях

Далее ваша задача – кликнуть на номер телефона, который нужно отслеживать, причем через Вторую кнопку мыши – Исследовать элемент, я бы проверил и в мобильной версии. Для этого лучше перезагрузить страницу.

Так вот, если вы кликнули, то увидите что Триггер, который вы выставили имеет Переменную с нужными параметрами и срабатывает Тег.

Если все корректно, то выглядит это примерно так:

tag fired GTM

А если не вышло, то примерно так:

Tag not fired

Оцените статью
( Пока оценок нет )
Поделиться с друзьями