6 новых аддонов для установки целей Яндекс Метрики на элементы сайта. JST Replacer

6 новых аддонов для установки целей Яндекс Метрики на элементы сайта. JST Replacer

Чтобы понимать, как ведут себя пользователи на сайте, на какие элементы они чаще кликают и доходят ли они до нужных вам действий. Необходимо устанавливать на сайте цели Яндекс Метрики. Показываю, как всего лишь в один клик установить цели на иконки мессенджеров Telegram, Whatsapp, Viber. А также на e-mail адреса и телефоны. И разберем, как ставить цель на отправку формы из аддона Form Builder компонента SP Page Builder 4.

Хочу рассказать вам о новых 6 аддонах JST Replacer, которые мы сделали для сайта под управлением Joomla. Эти аддоны позволяют устанавливать Яндекс цели на элементы сайта.

 

Что такое Яндекс цели и для чего они нужны?

Что такое яндекс цели - это определенные идентификаторы которые вешаются на элементы сайта. На различные иконки, кнопки, ссылки телефона, e-mail и так далее.

Для чего это нужно?

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

Благодаря этому можно будет анализировать действия пользователей на сайте и предпринимать какие-то действия по его доработке.

 

Какие новые аддоны JST Replacer для установки Яндекс целей?

Сегодня разберем шесть новых аддонов.

Четыре из шести аддонов будут бесплатны, Lite версии. Эти аддоны вы можете скачать уже сейчас. 

Скачать lite версии аддонов JST Replacer:

  1.   Для телефона
  2.   Для Viber  
  3.   Для e-mail  
  4.  Для Whatsapp

 

Два аддона будут 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.  

 

Создаем цели в Яндекс метрике

Прежде всего необходимо в яндекс метрике создать цели.

В сервисе Яндекс Метрика создаем цель. Нажимаем на кнопку “Добавить цель”

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 1 c4184

 

Пишем название цели

Тип условия* - выбрать “JavaScript событие”

Идентификатор цели - например Phone. 

! Важно идентификатор цели писать на английском языке. 

После заполнения поля “Идентификатор цели” появится поле “Код цели для сайта” он будет состоять из номера метрики и названия идентификатора. 

Нажимаем на кнопку “Добавить цель”.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 2 05529

Создайте четыре цели. Для телефона, для e-mail, Whatsapp, Viber. 

Для связки с аддонами JST Replacer нам понадобится номер созданной метрики и название идентификатора.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 3 2dd1d

 

Установка аддонов JST Replacer постановки целей, проверка работы

Напоминаю, что все наши аддоны работают в связке с компонентом ReReplacer от Regular Labs.

Компонент ReReplacer должен быть установлен на вашем сайте.

 

Установка аддона в компонент ReReplacer

Надо открыть компонент ReReplacer. В левой части панели управления joomla, в разделе “Компоненты” кликаем по Regular Labs - ReReplacer. Откроется страница “ReReplacer: Элементы”.

Кликаем по кнопке “Импорт”. 

Всплывет меню “Импортировать объекты”, перетягиваем инсталлятор аддона или кликаем по кнопке “Выберите файл” выбираем установщик аддона. Далее нажать кнопку Импорт.  

По умолчанию аддоны после установки включены.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 4 98fc7

 

Таким способом установите все четыре аддона.

 

Прописываем в аддон номер метрики и данные идентификатора цели

Чтобы связать аддоны и созданные цели в яндекс метрике необходимо по очереди для каждой созданной цели открыть настройки аддона и прописать соответствующий номер созданной метрики и название идентификатора.

 

Действие 1. Открыть настройки аддона. 

Для этого кликните по аддону. 

Действие 2. В поле “Замена” указываем номер созданной метрики и название идентификатора. Данные берем из настроек цели в Я.Метрике.

 

Вместо XXXXXX прописываем номер метрики.

Вместо TARGET_NAME прописываем название идентификатора

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 5 f6c8f

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 6 d0f80

 

Действие 3. Сохранить внесенное изменение. Обновить страницу. 

 

Проверить установлена ли цель можно через панель разработчика.

На странице сайта навели мышку на номер телефона или на e-mail, или на элемент на который установлена цель. Кликаем правой кнопкой мыши ❯ посмотреть код. Нам откроется панель разработчика. В коде видно, что цель прописалась. 

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 8 c64ec

 

Важный момент! Чтобы сработал аддон для Viber, WhatsApp, Telegram надо добавить в элемент иконки ссылку переход на социальную сеть.   

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 10 68290

 

Напоминаю в каждом аддоне JST Replacer необходимо прописать соответствующие целям номера и идентификаторы. После этого обновить страницу сайта.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 9 df808

 

В каждом аддоне от Replacer есть поле “Описание”. Данное поле содержит подсказки к действиям. 

 

Особенности работы с аддоном для формы SP Page Builder 4. Практика

Этот аддон немного сложнее по настройкам. Пошагово разберем действия.

 

Наша задача повесить цель на кнопку отправки формы созданной через SP Page Builder.

  1. Создайте форму в конструкторе SP Page Builder.  

 

6_novyh_addonov_dlja_ustanovki_tselej_Jandeks_Metriki_11_9a23a_f70b0.jpg

 

  1. Создайте цель в Яндекс метрике.
  2. Открой настройки аддона “Add - JS Target Yandex Metrika - Submit Form Builder - v1.0.2 Pro” для SP page Builder.
  3. В поле "Замена" укажите код цели и название идентификатора для сайта из настроек цели в Яндекс.Метрике.
  4. В поле “Поиск” удалите __CLASS__
  5. Сохраните настройки.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 12 3b6a2

 

Если на сайте 2 формы, как быть? 

  1. Создайте вторую форму в конструкторе SP Page Builder.
  2. Создайте цель в Яндекс метрике для второй формы.
  3. Каждой форме присвойте класс

Для присвоения класса зайдите в настройки аддона формы. Нажмите на шестеренку появится меню. Перейдите на вкладку "Стили". Промотайте вниз до поля CSS класс. Присвойте имя классу например F1. Сохраните изменения.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 14 60aab

 

Для второй формы тоже надо присвоить класс. Например, F2.

  1. Переименовываем аддон Replacer. 

Возвращаемся в админку Joomla, идем в компоненты, выбираемые Regular labs. У нас уже есть установленный аддон Replacer для SP page Builder. Открываем его. Надо переименовать название аддона для первой формы, например напишем в начале заголовка F1 чтобы было понятно какой форме будет относиться аддон.

 

  1.  В поле "Поиск" укажите класс формы “F1” вместо __CLASS__

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 15 83e82

 

Если на странице используется несколько форм, то в поле "Поиск" аддона “Add - JS Target Yandex Metrika - Submit Form Builder - v1.0.2 Pro” необходимо указать класс формы вместо __CLASS__. Для этого в пункте 3. мы присвоили форме класс F1 и F2. 

 

  1. Создаем второй аддон Replacer.

Поскольку нас две формы обратной связи нам понадобятся 2 аддона Replacer. Для этого можно проимпортировать новый аддон или продублировать уже имеющийся. 

Для дублирования выбираем нужный аддон, нажимаем на кнопку "Действия" кликаем по пункту "Дублировать".

Появится копия аддон. Он не опубликован. 

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 16 73c3e

 

  1. Переименовываем копию аддона на F2.

Заходим копию аддона. Сразу переименовываем заголовок. 

  1. В поле "Поиск" укажите класс формы “F2” вместо F1 (если делали копию с первого аддона), или вместо  __CLASS__ (если импортировали аддон).
  2. В поле "Замена" укажите код цели и название идентификатора для второй формы из настроек цели в Яндекс.Метрике созданной для второй формы.
  3. Состояние поменяйте на “Опубликовано”.
  4. Сохраните изменения.

 

6 novyh addonov dlja ustanovki tselej Jandeks Metriki 6 d0f80

 

Проверьте установленные цели для двух форм через панель разработчика.

 

Как попасть в закрытый клуб Остров непрограммистов 

Для тех кто хочет вступить в закрытый клуб "Остров" и получать аддоны категории PRO. Все последние обновления и все новые версии раньше остальных. Изучать более глубже создание сайтов. Приглашаю вступить в закрытый клуб "Остров" .

В закрытом клубе "Остров" есть ещё более 85 уроков по тематике создание сайтов которых нет нигде ни на youtube не в моих курсах. Это именно контент для закрытого клуба.

Желающим вступить напишите мне в личное сообщение в Telegram.

 

Видеоинструкция