Подключение целей Яндекс.Метрика на виджеты с кнопками в конструкторе сайтов Tilda
Давайте на примере детально разберём подключение целей Яндекс.Метрики к любой кнопке или ссылке на сайте в конструкторе Tilda, если в настройке блока на сайте отсутствует специальная уникальная ссылка для отправки данных в систему аналитики. Покопавшись в интернете я нашел информацию только в общих чертах, ввиду чего решил написать эту статью и облегчить путь к решению этой задачи будущих маэстро E-Commerce. В примере мы с Вами научимся создавать цели в Яндекс.Метрика, создавать в конструкторе сайтов Tilda блок с HTML кодом, работать с Java Script, который поможет связать наш сайт с системой аналитики.
Перейдём к конкретному примеру:
Описанные ниже действия будут приведены на примере настроенного блока BF905 или BF905A (виджеты с каналами связи WhatsApp, Telegram, Телефон, Почта и т.д.) Предположим Вы хотите, чтобы данные о нажатии по этим кнопкам уходили в Яндекс.Метрику, но в этих блоках не генерируются специальные ссылки для отправки данных в аналитику.
Для начала создадим те самые цели в инструменте Яндекс.Метрика. Для этого, в личном кабинете счётчика, переходим в «настройки», «цели» и нажимаем «добавить цель». Затем задаём три параметра (Снимок 1):
Примеры полезных JS-скриптов
Отлавливаем все клики и если, ссылка на которую кликнули, указывает на «#popup. «, то отправляем в метрику событие — просмотр страницы, ведь попап это тоже страница, да и просмотр страницы легче отследить или построить составную цель (например: открытие страницы, открытие попапа, отправка формы)
Чтобы код ниже заработал, его нужно поместить в HTML-блок, который должен быть в самом верху
ЗНАЧЕНИЕ В URL — здесь нужно поставить любое слово, которое есть в ссылке. Например, при клике на кнопку, посетитель попадает на страницу регистрации по адресу: http://mysite.com/registration. В этом случае вместо ЗНАЧЕНИЕ В URL укажите registration.
НАЗВАНИЕ ВИРТУАЛЬНОЙ СТРАНИЦЫ. Информация о клике на кнопке в Google Analitycs появится в виде статистики просмотра виртуальной страницы. Страница виртуальная, поэтому здесь может быть что угодно.
ССЫЛКА — ссылка, которая стоит на кнопке. Например, http://mysite.com/registration
Чтобы отслеживать клик на кнопку, как достижение цели, создайте в Google Analitycs цель: Собственная цель → Целевая страница → Начинается с /click/
Как создать JS событие Tilda
В данной статье мы рассмотрим, как создать событие JavaScript на платформе Tilda. Этот процесс включает в себя несколько основных этапов.
Шаг 1: Определение события
Сначала вам необходимо определить, какое событие вы хотите создать. Например, вы можете создать событие, которое срабатывает при нажатии на кнопку, при заполнении формы, при прокрутке страницы и так далее.
Шаг 2: Создание функции обработчика события
Этот код определяет функцию JavaScript с именем myFunction. Вы можете добавить любой код, который должен быть выполнен при срабатывании события, внутри этой функции.
Шаг 3: Привязка обработчика события
Этот код привязывает функцию myFunction к событию click элемента с идентификатором myButton. Когда пользователь кликает на этот элемент, функция myFunction будет вызвана.
Шаг 4: Добавление скрипта на страницу Tilda
После того как вы создали событие JavaScript, вам нужно добавить его на вашу страницу Tilda. Вот как вы можете это сделать:
- Войдите в ваш аккаунт Tilda.
- Выберите проект, в который вы хотите добавить событие.
- Перейдите на страницу «Настройки» вашего проекта.
- Выберите вкладку «Дополнительно».
- В поле «HTML-код перед </body>» вставьте код вашего события.
После этого вы можете сохранить изменения и опубликовать свой проект. Ваше событие JavaScript теперь будет срабатывать на вашей странице Tilda.
Настройка целей в метрике для Тильды
Привет, друзья, на связи Алексей Полевский. Сегодня хочу затронуть такую тему, как настройка целей в метрике, если ваш сайт создан на конструкторе тильда.
Казалось бы, чего мы не знаем при настройке целей, если занимаемся настройкой рекламы уже больше 12-ти лет.
Так вот недавно всплыл интересный момент.
Если на сайтах (при любой СМС) нам надо отследить заполнение формы, то мы берем конечную кнопку «Отправить» и именно отработка нажатия этой кнопки/перекидывание на страницу «Спасибо ваша заявка принята» является нашей целью в Яндекс Метрике.
Реклама идет неделю, заявки падают в рекламном кабинете, а клиент говорит заявок нет.
На нашем сайте после нажатия конечной кнопки «Заказать», посетителя перекидывает на платежную систему.
Конечно подозреваем, что народ не хочет платить и уходит, потом проверяем настройку целей, как вы знаете их можно настраивать разными вариантами:
- С помощью идентификатора через событие
- Отправка формы с конкретной страницы
- Метки в коде
- Посещение страниц и т.д.
На всякий случай настроены цели разными вариантами. Но
После общения с техподдержкой выясняется, что именно в тильде отслеживание заявок надо делать по-другому.
А именно: отправку нашей формы лучше всего отслеживать целью типа «Посещение страницы с условием url содержит: /tilda/form336373613/payment/». Потому что при отправке формы происходит просмотр именно такого url.
Нашей целью тоже можно отслеживать, но эта цель будет срабатывать и при успешной отправке, и при неуспешной. Т.е. если пользователь, не заполнив поля кликнет по кнопке отправки, то заявка не уйдет, но цель будет достигнута.
То есть наша цель «url содержит: /tilda/click/rec468449516/button1» и «идентификатор: form468449525» будут работать не чисто.