Исходный код вики Добавление YM

Редактировал(а) Алексей Карелин 25.09.2024, 22:08

Последние авторы
1 [[image:Яндекс метрика 25092024_ea88bcddb7189ddb.gif||alt="Shape1"]]
2
3 (((
4
5 )))
6
7 = {{id name="__RefHeading___Toc2184_3788316190"/}}{{id name="_Toc5095868"/}}Содержание =
8
9 = Оглавление =
10
11 [[Содержание 2>>path:#__RefHeading___Toc2184_3788316190]]
12
13 [[1 Счетчики 3>>path:#__RefHeading___Toc2186_3788316190]]
14
15 [[1.1 Список 3>>path:#__RefHeading___Toc2188_3788316190]]
16
17 [[1.1.1 Настройка счетчика 3>>path:#__RefHeading___Toc2190_3788316190]]
18
19 [[1.2 Регистрация счетчиков 4>>path:#__RefHeading___Toc2192_3788316190]]
20
21 [[1.3 Настройки метрики для работы с Веб платформой 4>>path:#__RefHeading___Toc2194_3788316190]]
22
23 [[1.4 События платформы 5>>path:#__RefHeading___Toc2196_3788316190]]
24
25 [[1.5 Регистрация счетчика в Яндекс Метрике 8>>path:#__RefHeading___Toc2198_3788316190]]
26
27 [[1.6 Пример использования событий в виджете яндекс метрики. 12>>path:#__RefHeading___Toc2200_3788316190]]
28
29 [[1.7 Проверка настройки электронной коммерции 16>>path:#__RefHeading___Toc11233_3788316190]]
30
31 [[6.1 Проверка корректности передаваемых данных 17>>path:#__RefHeading___Toc11235_3788316190]]
32
33
34 {{id name="_Toc433035876"/}}{{id name="_Toc420934930"/}}{{id name="_Toc394930523"/}}{{id name="_Toc393822503"/}}{{id name="_Toc392516316"/}}
35
36
37 1. (((
38 = {{id name="__RefHeading___Toc2186_3788316190"/}}{{id name="_Toc5095869"/}}Счетчики =
39
40 1.
41
42 == {{id name="__RefHeading___Toc2188_3788316190"/}}{{id name="_Toc5095870"/}}Список ==
43 )))
44
45 В списке представлены все зарегистрированные счетчики для организации. В этом списке доступны операции удаления и редактирования настроек счетчиков.
46
47 [[image:Яндекс метрика 25092024_fece1032ed78e121.png||height="426" width="624"]]
48
49 1.
50 11.
51 111. (((
52 === {{id name="__RefHeading___Toc2190_3788316190"/}}{{id name="_Toc5095871"/}}Настройка счетчика ===
53 )))
54
55 Форма настройки счетчика позволяет его полностью перенастроить для использования на другом сайте, изменить тип или прикрепить другой счетчик (поменяв id счетчика).
56
57 [[image:Яндекс метрика 25092024_68983948eda83cd3.png||height="336" width="624"]]
58
59 1.
60 11. (((
61 == {{id name="__RefHeading___Toc2192_3788316190"/}}{{id name="_Toc5095872"/}}Регистрация счетчиков ==
62 )))
63
64 Форма регистрации идентична форме настроек и просто добавляет новый счетчик в систему который в последствии можно полностью перенастроить в соответствующем интерфейсе.
65
66 [[image:Яндекс метрика 25092024_9ed1e67143ab7867.png||height="338" width="624"]]
67
68 1.
69 11. (((
70 == {{id name="__RefHeading___Toc2194_3788316190"/}}{{id name="_Toc5095873"/}}{{id name="_Настройки_метрики_для"/}}Настройки метрики для работы с Веб платформой ==
71 )))
72
73 Регистрация счетчика в Веб платформе открывает дополнительные возможности для отображения в метрике, помимо стандартных функций счетчика установленного на странице сайта. Веб платформа позволяет через зарегистрированный счетчик передать в метрику ряд событий, происходящих в виджете. Ниже в таблице представлен список и описание этих событий.
74
75 1.
76 11. (((
77 == {{id name="__RefHeading___Toc2196_3788316190"/}}События платформы ==
78 )))
79
80 Таблица 1
81
82 |(% colspan="2" %)**События корзины**
83 |widget_open_cart|Происходит когда пользователь открывает интерфейс корзины
84 |widget_close_cart|Происходит когда пользователь закрывает интерфейс корзины
85 |incart_plus|Добавление услуг в корзине нажатием на кнопку «+», params id- идентификатор тарифа для услуг, занятий и дозаписи; идентификатор сеанса для арены; id - связки тарифов услуги
86 |incart_minus|Уменьшение количества услуг в корзине нажатием на кнопку «-», params id- идентификатор тарифа для услуг, занятий и дозаписи; идентификатор сеанса для арены; id - связки тарифов услуги
87 |incart_remove|Удаление отдельной услуги в интерфейсе корзины, params id- идентификатор тарифа для услуг, занятий и дозаписи; идентификатор сеанса для арены; id - связки тарифов услуги
88 |incart_cancel|Очистка всей корзины
89 |incart_to_purchase|Переход к оформлению заказа из интерфейса корзины
90 |(% colspan="2" %)**События при выборе услуг**
91 |widget_to_services|Происходит при переходе на вкладку со списком услуг
92 |service_change_date|Это событие срабатывает при изменении даты в календаре виджета, на вкладке продажи услуг
93 |service_cart_add|Сработает при добавлении в корзину услуг на вкладке услуг
94 |service_seance_selected|Сработает при выборе сеанса на вкладке услуг, params id- идентификатор сеанса
95 |service_seance_unselected|Сработает при снятии выбора с сеанса на вкладке услуг, params id - идентификатор сеанса
96 |service_cart_add|добавление услуги в корзину по нажатию кнопки "+" на плашке услуги
97 |service_minus|уменьшение количества услуг по нажатию кнопки "-" на плашке услуги
98 | |
99 | |
100 |(% colspan="2" %)**События дозаписи**
101 |widget_to_rewrite|Происходит при переходе на вкладку пополнения услуг на имеющийся носитель
102 |rewrite_cart_add|Сработает при добавлении в корзину услуг на вкладке пополнения услуг, params id- идентификатор тарифа или связки
103 |rewrite_check_card|Событие происходит при проверке номера карты на вкладке пополнения услуг
104 |rewrite_clear_card|Событие происходит при нажатии на кнопку очистить на вкладке пополнения услуг
105 |rewrite_change_card|Событие происходит при нажатии на кнопку изменить на вкладке пополнения услуг
106 |rewrite_change_date|Происходит при изменении даты в календаре виджета на вкладке пополнения
107 |(% colspan="2" %)**События Арены**
108 |widget_to_arena_seances|Происходит при переходе на список ареновских сеансов,
109 |widget_to_arena_sectors|Происходит при переходе на список сектров, params id - идентификатор сеанса
110 |widget_arena_sectors_back|Происходит при нажати на кнопку назад на этапе секторов, params id - идентификатор сектора
111 |widget_to_arena_seats|Происходит при переходе на список мест, params id - код сектора ППС
112 |widget_arena_seats_back|Происходит при нажати на кнопку назад на этапе выбора мест, params id - код сектора ППС
113 |arena_seat_reservate|Сработает при добавлении в корзину места (Арена), params id - идентификатор места
114 |arena_seat_unreservate|Сработает при удалении из корзины места нажатием на само место (Арена), params id - идентификатор места
115 |(% colspan="2" %)**События заказа**
116 |order_remove_item|Это событие фиксируется при удалении позиции из заказа на этапе оформления заказа, id-идентификатор заказа
117 |order_apply_loyalty|Это событие фиксируется при применении программы лояльности к заказу, id-идентификатор заказа
118 |order_click_sign_in|Это событие при нажатии на ссылку войти при оформлении заказа, id-идентификатор заказа
119 |order_set_user|Это событие срабатывает если пользователь авторизовался на оформлении заказа, id-идентификатор заказа
120 |order_set_discount|Это событие срабатывает если пользователь выбрал скидку, id-идентификатор скидки
121 |order_reset_discount|Это событие срабатывает если пользователь сбросил скидку сам или выбрал скидку программы лояльности, id-идентификатор заказа
122 |order_set_promo|Это событие срабатывает если пользователь применил промокод, id-идентификатор заказа
123 |order_remove_promo|Это событие срабатывает если пользователь удалил промокод, id-идентификатор заказа
124 |order_click_agreements|Это событие срабатывает если пользователь нажал на ссылку соглашений, id-идентификатор заказа
125 |email_enter|заполнение поля e-mail
126 |email_confirm|заполнение поля повторите e-mail
127 |order_timeout|возвращение со страницы банка в виджет по таймауту
128 |(% colspan="2" %)**События виджета**
129 |widget_initialize|инициализация виджета
130 |widget_restart|нажатие кнопки "вернуться в магазин" в поп-апе при возвращении со страницы банка в виджет без оплаты (по нажатию нативной кнопки "назад")
131 |widget_to_purchase|Срабатывает при переходе к оформлению заказа из начального окна виджета, кнопка «Купить»
132 |widget_to_pay|Это событие срабатывает если пользователь перешел на оплату в банк, id-идентификатор заказа
133 |widget_restart|Данное событие говорит о том что пользователь оплатив заказ на сайте банка вернулся на страницу сайта с виджетом и нажал кнопку начать сначала, id-идентификатор заказа
134 |widget_return_from_payment|Срабатывает при переходе финальному шагу, params id-идентификатор заказа
135 |widget_complete_success|Срабатывает когда пользователь увидел сообщение об успешной покупке, id-идентификатор заказа
136 |widget_complete_cancel|Срабатывает когда пользователь увидел сообщение об отмененном заказе, id-идентификатор заказа
137 |widget_complete_waiting_cancel|Срабатывает когда пользователь отказался ожидать результат платежа, id-идентификатор заказа
138 |widget_open_info|Фиксирует нажатие на кнопку информация об организации
139 |widget_open_phone|Сработает если нажать на номер телефона в выпадающем списке, открывшемся по нажатию на кнопку «Информация»
140 |widget_open_email|Сработает если нажать на Email в выпадающем списке, открывшемся по нажатию на кнопку «Информация»
141 |terms_agree|нажатие на ссылку ознакомления с условиями
142 |internal_error|возникновение непредвиденной ошибки
143 |(% colspan="2" %)**События мобильного приложения**
144 |mobile_cart_open|переход в корзину
145 |mobile_cart_close|нажатие кнопки "назад" в корзине
146 |mobile_cart_pay|нажатие кнопки "перейти к оплате"
147 |mobile_pay_confirm_close|нажатие кнопки "назад" на странице оформления заказа
148 |feedback_email|Нажатие на кнопку написать на email на странице feedback
149 |feedback_apple_store|Нажатие на кнопку оценить в Аpple Store на странице feedback
150 |feedback_play_store|Нажатие на кнопку оценить в Play Store на странице feedback
151 |(% colspan="2" %)**События личного кабинета клиента**
152 |isd_loyalty_edit_profile|Редактирование профиля в программе лояльности ISD
153 |isd_loyalty_registration|Регистрация в программе лояльности ISD
154 |navigation_page|Страница с навигацией
155 |navigation_go_to|Страница с навигацией, нажатие на кнопку построить маршрут
156 |news_list|Переход на страницу новостей
157 |news_item|Переход на страницу конкретной новости, params id - идентификатор новости
158 |orders_list|Переход на страницу заказов
159 |order_detalization|Переход на страницу конкретного заказа, params id - идентификатор заказа
160 |order_tickets|Нажатие на кнопку билеты в детализации заказа, params id - идентификатор заказа
161 |change_password_page|Переход на страницу смены пароль
162 |password_changed|Нажатие на кнопку изменить пароль на странице "Сменить пароль"
163
164 Для целей типа "Посещение страниц" используются следующие адреса:
165
166 ~1. __[[https:~~/~~/moipass.ru/tariffs/list?siteid={id>>url:https://moipass.ru/tariffs/list?siteid=%7Bid]]__} - список тарифов (id - номер сайта, указан в колонке «id» в списке сайтов, вводить без фигурных скобок )
167 2. __[[https:~~/~~/idsrv-test.moipass.ru/identity/login>>url:https://idsrv-test.moipass.ru/identity/login]]__ - страница авторизации
168 3. __[[https:~~/~~/idsrv-test.moipass.ru/Account/Register>>url:https://idsrv-test.moipass.ru/Account/Register]]__ - страница регистрации
169 4. __[[https:~~/~~/idsrv-test.moipass.ru/Account/Confirm?...MessageId=AccountRegistred>>url:https://idsrv-test.moipass.ru/Account/Confirm?...MessageId=AccountRegistred]]__... - страница успешной регистрации
170 5. __[[https:~~/~~/idsrv-test.moipass.ru/Account/ForgotPassword>>url:https://idsrv-test.moipass.ru/Account/ForgotPassword]]__ - страница восстановления пароля
171 6. __[[https:~~/~~/idsrv-test.moipass.ru/Account/Confirm?...MessageId=PasswordRecovery...>>url:https://idsrv-test.moipass.ru/Account/Confirm?...MessageId=PasswordRecovery...]]__ - страница успешной отправки нового пароля
172 7. __[[https:~~/~~/test.moipass.ru/order/Personification/>>url:https://test.moipass.ru/order/Personification/]]__ - страница персонификации
173 8. __[[https:~~/~~/test.moipass.ru/order/PayConfitm/>>url:https://test.moipass.ru/order/PayConfitm/]]__ - страница подтверждения заказа перед оплатой
174 9. __[[https:~~/~~/test.moipass.ru/order/Complete/>>url:https://test.moipass.ru/order/Complete/]]__ - страница результата оплаты (может быть как успешная оплата, так и отказ от оплаты)
175
176 1.
177 11. (((
178 == {{id name="__RefHeading___Toc2198_3788316190"/}}Регистрация счетчика в Яндекс Метрике ==
179 )))
180
181 Регистрируем счетчик:
182
183 Для этого на главной странице аккаунта яндекс метрики нажимаем кнопку «Добавить счетчик»
184
185 [[image:Яндекс метрика 25092024_f1d34d77421ce9f9.png||height="111" width="274"]]
186
187 Далее первым шагом будет предложено дать счетчику имя, указать адрес сайта (в нашем случае адрес сайта на котором размещен виджет), включить веб визор. Часовой пояс устанавливаем согласно тому где мы находимся. Настройка «Принимать данные только с указанных адресов» должна быть отключена. Соглашаемся с условиями пользовательского соглашения, поставив соответствующую галочку. Далее нажимаем кнопку «Создать счетчик»
188
189 [[image:Яндекс метрика 25092024_538010ee4471d5e1.png||height="517" width="624"]]
190
191 Вторым шагом метрика предоставит код для вставки счетчика на сайт. Этот код размещается на странице, где расположен виджет.
192
193 [[image:Яндекс метрика 25092024_2d250f7ec0b7d886.png||height="763" width="624"]]
194
195 Теперь нам необходимо перейти в настройках в раздел цели. Здесь нажимаем кнопку добавить цель.
196
197 [[image:Яндекс метрика 25092024_8c93d8dcea3387be.png||height="238" width="624"]]
198
199 По нажатию на кнопку добавить цель появится всплывающее окно:
200
201 [[image:Яндекс метрика 25092024_a502eed9fec97e3b.png||height="332" width="624"]]
202
203 Здесь нам необходимо указать название цели, выбрать тип условия, в нашем случае это JavaScript-событие. В поле Идентификатор цели указываем событие виджета, список которых приведен в Таблице 1.
204
205 [[image:Яндекс метрика 25092024_9fea590a6f237b83.png||height="373" width="624"]]
206
207 В этот список добавляем весь перечень событий и используем в виджетах и отчетах метрики.
208
209 1.
210 11. (((
211 == {{id name="__RefHeading___Toc2200_3788316190"/}}Пример использования событий в виджете яндекс метрики. ==
212 )))
213
214 На странице «Сводка» яндекс метрики в правой части страницы есть кнопка «Создать виджет». Нажав на нее, в выпадающем списке будут предложены типы доступных виджетов. Для примера используем виджет «Линии».
215
216 [[image:Яндекс метрика 25092024_5fb28b9abd49c115.png||height="159" width="228"]]
217
218 [[image:Яндекс метрика 25092024_37f48d9fa1df7271.png||height="389" width="624"]]
219
220 Всплывающим окном откроется интерфейс настройки виджета. Во вкладке «Основное» Можно дать название виджету и выбрать его основные характеристики. Нас интересует статистика «Визиты». Поэтому оставляем все как есть.[[image:Яндекс метрика 25092024_b3a49671b7ec8649.png||height="396" width="624"]]
221
222 Переходим на вкладку «График», где нам будет доступны на выбор до 5 метрик. Нажимаем на первый выпадающий список, переходим в подменю «Целевые метрики», «Доступные цели». Здесь представлен список тех самых целей что мы добавили в __[[пункте 1.3>>path:#_Настройки_метрики_для]]__.
223
224 [[image:Яндекс метрика 25092024_8cf55076c9e94e5.png||height="393" width="624"]]
225
226 Выбираем интересующее событие и при необходимости переходим к второй и последующим линиям. Выбрав все интересующие цели для этого графика, нажимаем «Создать».
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251 Теперь на странице сводки появится виджет с графиком выбранных целей.
252
253 [[image:Яндекс метрика 25092024_f51fbcb0710862fa.png||height="613" width="624"]]
254
255 __{{id name="_GoBack"/}}Важно!__ У яндекс метрики счетчик фиксирует все метрики не чаще чем 1 раз в 1 секунду, следовательно, данные полученные счетчиком могут отличаться от действительности в меньшую сторону.
256
257 Более подробное описание яндекс метрики доступно в официальной __[[справке яндекса>>url:https://yandex.ru/support/metrika/index.html]]__.
258
259
260
261 1.
262 11. (((
263 == {{id name="__RefHeading___Toc11233_3788316190"/}}Проверка настройки электронной коммерции ==
264 )))
265
266 Чтобы проверить, правильно ли настроена электронная коммерция:
267
268 1. Перейдите в Метрику и в настройках счетчика убедитесь, что:
269 11. включена опция Электронная коммерция;
270 11. в поле Контейнер данных указан dataLayer (по умолчанию) или другое значение.
271 1. Проверьте, что код счетчика на вашем сайте содержит параметр ecommerce:true или ecommerce:"<контейнер данных>" (по умолчанию ecommerce:"dataLayer"). В последнем случае имя контейнера данных должно совпадать с указанным в настройках счетчика.
272 1. В адресной строке браузера добавьте к адресу страницы параметр _ym_debug=2 и загрузите страницу.
273
274 http:~/~/example.com/?_ym_debug=2
275
276 1. Выполните действие на странице, например, добавьте товар в корзину. Оно должно соответствовать событию [[Добавление товара в корзину>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]].
277
278 Внизу страницы нажмите значок [[image:Яндекс метрика 25092024_4c5cc49480256efe.png||height="32" width="33"]] — появится панель отладки.
279
280 Примечание. Параметр _ym_debug=2 работает только, если на сайте установлен [[новый код счетчика Метрики>>url:https://metrika.yandex.ru/support/metrica/general/tag-info.html]]. Если установлена предыдущая версия кода или панель отладки не появилась, используйте [[консоль браузера>>url:https://metrika.yandex.ru/support/metrica/ecommerce/check.html#check__debug1]].
281
282 1. Если в блоке во вкладке Ecommerce отобразится информация о действии, значит данные о заказе переданы в Метрику.
283
284 [[image:Яндекс метрика 25092024_26991c31ccccf892.png||height="205" width="624"]]
285
286 Также вы можете [[использовать лог ваших действий>>url:https://metrika.yandex.ru/support/metrica/general/debugger.html#debugger__logs]] при работе с отладчиком.
287
288 Проверка с помощью консоли браузера
289
290 Используйте этот способ, если на вашем сайте стоит предыдущая версия счетчика Метрики.
291
292 * Перейдите в Метрику и в настройках счетчика убедитесь, что:
293 ** включена опция Электронная коммерция;
294 ** в поле Контейнер данных указан dataLayer (по умолчанию) или другое значение.
295 * Проверьте, что код счетчика на вашем сайте содержит параметр ecommerce:true или ecommerce:"<контейнер данных>" (по умолчанию ecommerce:"dataLayer"). В последнем случае имя контейнера данных должно совпадать с указанным в настройках счетчика.
296 * В адресной строке браузера добавьте к адресу страницы параметр _ym_debug=1 и загрузите страницу.
297
298 http:~/~/example.com/?_ym_debug=1
299
300 Затем вызовите консоль браузера с помощью сочетания клавиш Ctrl + Shift + J (⌥ + ⌘ + J для семейства операционных систем Apple).
301
302 * Выполните действие на странице, например, добавьте товар в корзину. Оно должно соответствовать событию [[Добавление товара в корзину>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]].
303 * Если в параметрах есть ecommerce, а уровнем ниже add — формат соответствует примеру в событии [[Добавление товара в корзину>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]], значит данные о заказе переданы в Метрику. Через некоторое время они появятся в [[отчетах>>url:https://metrika.yandex.ru/support/metrica/reports/ecommerce.html#ecommerce]].
304
305 [[image:Яндекс метрика 25092024_164d2be7ad51f639.png||height="201" width="624"]]
306
307 1.
308 11. (((
309 == {{id name="__RefHeading___Toc11235_3788316190"/}}Проверка корректности передаваемых данных ==
310 )))
311
312 В примере проверяются данные, которые передаются в событии [[Добавление товара в корзину>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]].
313
314 * Проверьте, что код счетчика на вашем сайте содержит параметр ecommerce:true или ecommerce:"контейнер данных" (по умолчанию ecommerce:"dataLayer"). В последнем случае имя контейнера данных должно совпадать с указанным в настройках счетчика.
315 * Вызовите консоль браузера с помощью сочетания клавиш Ctrl + Shift + J (⌥ + ⌘ + J для семейства операционных систем Apple).
316 * В настройках консоли включите опцию Preserve log.
317
318 [[image:Яндекс метрика 25092024_8cca941568a73b95.png||height="152" width="624"]]
319
320 * Выполните действие на странице, например, добавьте товар в корзину. Оно должно соответствовать событию [[Добавление товара в корзину>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]].
321 * В консоль вставьте команду JSON.stringify(<имя контейнера>). По умолчанию JSON.stringify(dataLayer).
322
323 Если в консоли:
324
325 Есть информация о массиве данных
326
327 * Cкопируйте массив (кроме внешних квадратных скобок).
328 * Для просмотра данных используйте любой JSON-парсер.
329 * Убедитесь, что формат данных соответствует событию [[Добавление товара в корзину>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]].
330
331 Отобразилась ошибка «dataLayer is not defined»
332
333 Это означает, что в коде страницы, на которой вы проверяете событие, не задана строка window.dataLayer = window.dataLayer || [];. Как настроить передачу данных см. в разделе [[Передача данных об электронной коммерции>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html]].
334
335 Отобразился пустой массив данных в виде [] (квадратных скобок) .
336
337 Это означает, что массив объявлен (в примере dataLayer), но для проверяемого события не настроена [[передача данных>>url:https://metrika.yandex.ru/support/metrica/ecommerce/data.html#examples__add]].
338
339
340
341
342
343
344
345