- Что такое Яндекс цели и для чего они нужны?
- Какие новые аддоны JST Replacer для установки Яндекс целей?
- Возможности аддонов
- Создаем цели в Яндекс метрике
- Установка аддонов JST Replacer постановки целей, проверка работы
- Особенности работы с аддоном для формы SP Page Builder 4. Практика
- Как попасть в закрытый клуб Остров непрограммистов
- Видеоинструкция
Чтобы понимать, как ведут себя пользователи на сайте, на какие элементы они чаще кликают и доходят ли они до нужных вам действий.
Необходимо устанавливать на сайте цели Яндекс Метрики. Показываю, как всего лишь в один клик установить цели на иконки мессенджеров Telegram, Whatsapp, Viber. А также на e-mail адреса и телефоны. И разберем, как ставить цель на отправку формы из аддона Form Builder компонента SP Page Builder 4.
Хочу рассказать вам о новых 6 аддонах JST Replacer, которые мы сделали для сайта под управлением Joomla. Эти аддоны позволяют устанавливать Яндекс цели на элементы сайта.
Что такое Яндекс цели и для чего они нужны?
Что такое яндекс цели - это определенные идентификаторы которые вешаются на элементы сайта. На различные иконки, кнопки, ссылки телефона, e-mail и так далее.
Для чего это нужно?
Для того чтобы при клике на элемент, посетителем сайта, вам в метрике засчитывалась цель. Было достижение цели. Так вы сможете отслеживать активность посетителей на вашем сайте. Соберете информацию как часто нажимают на кнопку оформить заказ, как часто кликают по телефону и так далее.
Благодаря этому можно будет анализировать действия пользователей на сайте и предпринимать какие-то действия по его доработке.
Какие новые аддоны JST Replacer для установки Яндекс целей?
Сегодня разберем шесть новых аддонов. Четыре из шести аддонов будут бесплатны, Lite версии. Эти аддоны вы можете скачать уже сейчас.
Скачать lite версии аддонов JST Replacer:
Два аддона будут Pro версии. Эти аддоны доступны только для подписчиков клуба “Остров”.
Первый Pro аддон Replacer предназначен для связки с конструктором SP Page Builder. Создавая форму обратной связи при помощи аддона из конструктора SP Page Builder теперь можно установить цель на кнопку отправки.
Второй Pro аддон Replacer дает возможность установки цели на Telegram при переходе пользователем в чат вашего аккаунта или канала на Telegram.
Возможности аддонов
Аддон для e-mail. При клике e-mail будет возможность отследить цель. Бесплатная Lite версия позволяет устанавливать цель на все e-mail на сайте. Если у вас на сайте два e-mail срабатывать будет как за одну цель даже если электронные адреса разные.
В Pro версии данного аддона есть возможность делать разные цели на каждый адрес электронной почты.
Аддон для телефона. Так же как и в предыдущем аддоне Lite версии можно устанавливать цель на один телефон на сайте. Если будет два номера телефона, то цель будет одна на оба номера. При клике по любому номеру телефона в метрике запишется как одна цель.
В Pro версии также есть возможность устанавливать цели на каждый номер телефона. Аналогичная история с аддонами для установки цели на при переходе в чат Viber и WhatsApp.
Создаем цели в Яндекс метрике
Прежде всего необходимо в яндекс метрике создать цели. В сервисе Яндекс Метрика создаем цель. Нажимаем на кнопку “Добавить цель”
Пишем название цели Тип условия* - выбрать “JavaScript событие”
Идентификатор цели - например Phone. ! Важно идентификатор цели писать на английском языке. После заполнения поля “Идентификатор цели” появится поле “Код цели для сайта” он будет состоять из номера метрики и названия идентификатора.
Нажимаем на кнопку “Добавить цель”.
Создайте четыре цели. Для телефона, для e-mail, Whatsapp, Viber.
Для связки с аддонами JST Replacer нам понадобится номер созданной метрики и название идентификатора.
Установка аддонов JST Replacer постановки целей, проверка работы
Напоминаю, что все наши аддоны работают в связке с компонентом ReReplacer от Regular Labs. Компонент ReReplacer должен быть установлен на вашем сайте.
Установка аддона в компонент ReReplacer
Надо открыть компонент ReReplacer. В левой части панели управления joomla, в разделе “Компоненты” кликаем по Regular Labs - ReReplacer. Откроется страница “ReReplacer: Элементы”.
Кликаем по кнопке “Импорт”. Всплывет меню “Импортировать объекты”, перетягиваем инсталлятор аддона или кликаем по кнопке “Выберите файл” выбираем установщик аддона. Далее нажать кнопку Импорт.
По умолчанию аддоны после установки включены.
Таким способом установите все четыре аддона.
Прописываем в аддон номер метрики и данные идентификатора цели
Чтобы связать аддоны и созданные цели в яндекс метрике необходимо по очереди для каждой созданной цели открыть настройки аддона и прописать соответствующий номер созданной метрики и название идентификатора.
Подпишись на Telegram канал "Goncharoff про Joomla"
Авторский канал о CMS Joomla. Видео уроки, лайфхаки, расширения
Действие 1. Открыть настройки аддона. Для этого кликните по аддону.
Действие 2. В поле “Замена” указываем номер созданной метрики и название идентификатора. Данные берем из настроек цели в Я.Метрике.
Вместо XXXXXX прописываем номер метрики. Вместо TARGET_NAME прописываем название идентификатора.
Действие 3. Сохранить внесенное изменение. Обновить страницу. Проверить установлена ли цель можно через панель разработчика.
На странице сайта навели мышку на номер телефона или на e-mail, или на элемент на который установлена цель. Кликаем правой кнопкой мыши ❯ посмотреть код. Нам откроется панель разработчика. В коде видно, что цель прописалась.
Важный момент! Чтобы сработал аддон для Viber, WhatsApp, Telegram надо добавить в элемент иконки ссылку переход на социальную сеть.
Напоминаю в каждом аддоне JST Replacer необходимо прописать соответствующие целям номера и идентификаторы. После этого обновить страницу сайта.
В каждом аддоне от Replacer есть поле “Описание”. Данное поле содержит подсказки к действиям.
Особенности работы с аддоном для формы SP Page Builder 4. Практика
Этот аддон немного сложнее по настройкам. Пошагово разберем действия.
Наша задача повесить цель на кнопку отправки формы созданной через SP Page Builder.
- Создайте форму в конструкторе SP Page Builder.
- Создайте цель в Яндекс метрике.
- Открой настройки аддона “Add - JS Target Yandex Metrika - Submit Form Builder - v1.0.2 Pro” для SP page Builder.
- В поле "Замена" укажите код цели и название идентификатора для сайта из настроек цели в Яндекс.Метрике.
- В поле “Поиск” удалите __CLASS__
- Сохраните настройки.
Если на сайте 2 формы, как быть?
- Создайте вторую форму в конструкторе SP Page Builder.
- Создайте цель в Яндекс метрике для второй формы.
- Каждой форме присвойте класс
Для присвоения класса зайдите в настройки аддона формы. Нажмите на шестеренку появится меню. Перейдите на вкладку "Стили". Промотайте вниз до поля CSS класс. Присвойте имя классу например F1. Сохраните изменения.
Для второй формы тоже надо присвоить класс. Например, F2.
- Переименовываем аддон Replacer.
Возвращаемся в админку Joomla, идем в компоненты, выбираемые Regular labs. У нас уже есть установленный аддон Replacer для SP page Builder. Открываем его. Надо переименовать название аддона для первой формы, например напишем в начале заголовка F1 чтобы было понятно какой форме будет относиться аддон.
- В поле "Поиск" укажите класс формы “F1” вместо __CLASS__
Если на странице используется несколько форм, то в поле "Поиск" аддона “Add - JS Target Yandex Metrika - Submit Form Builder - v1.0.2 Pro” необходимо указать класс формы вместо __CLASS__. Для этого в пункте 3. мы присвоили форме класс F1 и F2.
- Создаем второй аддон Replacer.
Поскольку нас две формы обратной связи нам понадобятся 2 аддона Replacer. Для этого можно проимпортировать новый аддон или продублировать уже имеющийся.
Для дублирования выбираем нужный аддон, нажимаем на кнопку "Действия" кликаем по пункту "Дублировать".
Появится копия аддон. Он не опубликован.
- Переименовываем копию аддона на F2.
Заходим копию аддона. Сразу переименовываем заголовок.
- В поле "Поиск" укажите класс формы “F2” вместо F1 (если делали копию с первого аддона), или вместо __CLASS__ (если импортировали аддон).
- В поле "Замена" укажите код цели и название идентификатора для второй формы из настроек цели в Яндекс.Метрике созданной для второй формы.
- Состояние поменяйте на “Опубликовано”.
- Сохраните изменения.
Проверьте установленные цели для двух форм через панель разработчика.
Как попасть в закрытый клуб Остров непрограммистов
Для тех кто хочет вступить в закрытый клуб "Остров" и получать аддоны категории PRO. Все последние обновления и все новые версии раньше остальных. Изучать более глубже создание сайтов. Приглашаю вступить в закрытый клуб "Остров".
В закрытом клубе "Остров" есть ещё более 85 уроков по тематике создание сайтов которых нет нигде ни на youtube не в моих курсах. Это именно контент для закрытого клуба.
Желающим вступить напишите мне в личное сообщение в Telegram.
Видеоинструкция
