Цели на Турбо-страницах, созданных в Вебмастере
Цели для информационного сайта
Для отслеживания взаимодействия посетителей с элементами Турбо-страницы используйте цель типа «JavaScript-событие».
-
Добавьте в содержимое RSS-канала элемент
turbo:goal:... <turbo:goal type="yandex" turbo-goal-id="goal-link" name="TARGET" id="12345" /> <turbo:content> <![CDATA[ ... ]]> </turbo:content>где
name— идентификатор цели;id— номер счетчика;turbo-goal-id— идентификатор, который нужно назначить содержимому Турбо-страницы.
-
Добавьте идентификатор к содержимому, статистику по которому хотите отслеживать, в качестве значения атрибута
data-goals. Можно указать несколько значений через запятую, то есть привязать несколько целей к одному элементу Турбо-страницы.<turbo:content> <![CDATA[ <p><a href="http://example.com/" data-goals="goal-link,goal-link2">Текст</a></p> ]]> </turbo:content>
-
Добавьте в содержимое RSS-канала элемент
turbo:goal:... <turbo:goal type="yandex" turbo-goal-id="goal-link" name="TARGET" id="12345" /> <turbo:content> <![CDATA[ ... ]]> </turbo:content>где
name— идентификатор цели;id— номер счетчика;turbo-goal-id— идентификатор, который нужно назначить содержимому Турбо-страницы.
-
Добавьте идентификатор к содержимому, статистику по которому хотите отслеживать, в качестве значения атрибута
data-goals. Можно указать несколько значений через запятую, то есть привязать несколько целей к одному элементу Турбо-страницы.<turbo:content> <![CDATA[ <p><a href="http://example.com/" data-goals="goal-link,goal-link2">Текст</a></p> ]]> </turbo:content> -
В Метрике перейдите на страницу Цели в левом меню и нажмите кнопку Добавить цель.
-
В поле Название укажите имя создаваемой цели.
-
Выберите тип цели JavaScript-событие.
-
Укажите нужное условие и идентификатор цели. Под полем с идентификатором появится строка Код цели для сайта. Скопируйте код. Он понадобится для настройки метода reachGoal на вашем сайте.
Примеры использования методаreachGoalна страницах сайта:Нажатие кнопкиЗаполнение формыОтправка дохода по цели... <form action=""> ... <input type="button" onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;" value="Заказать" /> </form> ...... <form action="" method="get" onsubmit="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;"> ... </form> ...... <form action=""> ... <input type="button" onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME', {order_price: '1000.35', currency: 'RUB'}); return true;" value="Заказать"/> </form> ...Как передавать доход с помощью атрибута-селектора
Чтобы в качестве
order_priceпередавать доход со всех странниц сайта, на которых он задан атрибутом-селектором (например,classилиid), передавайте в Метрику вместе с данными о доходе имя селектора.-
Найдите в коде вашего сайта фрагмент, где задан подобный селектор. Пример:
<div class="ORDER">Сумма заказа: <div class="PRICE">110</div> рублей</div> -
В код элемента, который будет передавать в Метрику доход по цели, добавьте имя селектора. Пример:
<input type="button" onclick="ym(XXXXXX, 'reachGoal', 'BUY', {order_price: document.querySelector('.PRICE')?.textContent}); return true;" value="Заказать" />
XXXXXX— номер вашего счетчика.TARGET_NAME— идентификатор цели.order_price— доход по цели. Можно указать доход в валюте или в условных единицах.currency— валюта дохода по цели. Метрика распознает трехбуквенный код валюты по ISO 4217.
-
-
Нажмите кнопку Добавить цель. Созданная цель отобразится в списке целей. Метрика начнет сбор статистики по ней в течение нескольких минут.
Данные начнут передаваться в Яндекс Метрику после того, как робот обойдет RSS-канал и узнает об изменениях.
Созданную цель можно использовать в большинстве отчетов Яндекс Метрики. Также вы можете отслеживать конверсию по цели, используя Отчет «Конверсии».