|
Оглавление |
|
# metrikaYandex
|
|
\ No newline at end of file |
|
Плагин создания целей для яндекс метрики
|
|
|
|
|
|
|
|
scr/index.js - исходный файл
|
|
|
|
dist/index.js - после сборки через babel
|
|
|
|
dist/index.min.js - сжатый файл после сборки через babel
|
|
|
|
|
|
|
|
### Сборка и файлы
|
|
|
|
- Сборка работает через babel
|
|
|
|
- Установить зависимостей: npm i
|
|
|
|
- Команда для сборки: npm run build
|
|
|
|
- После сборки в папку dist собирается два файла: index.js и index.min.js
|
|
|
|
|
|
|
|
### Инициализация плагина для работы с метрикой
|
|
|
|
|
|
|
|
```
|
|
|
|
const yaHelperOld = new YandexMetrikaHelper({
|
|
|
|
'idСounter': 88345790, // id метрики, обязательный параметр
|
|
|
|
'typeСounter': 'old', // тип метрики: new|old, по умаолчанию new
|
|
|
|
'debug': true // включить дебаг
|
|
|
|
});
|
|
|
|
```
|
|
|
|
Другой вариант, упрощенный:
|
|
|
|
```
|
|
|
|
const yaHelperNew = new YandexMetrikaHelper({
|
|
|
|
'idСounter': 88345790, // id метрики
|
|
|
|
});
|
|
|
|
```
|
|
|
|
|
|
|
|
* @param idСounter - **Обятельный параметр**, id счетчика яндекс.метрики
|
|
|
|
* @param typeСounter - тип счетчика: new|old, по умолчанию new.
|
|
|
|
* @param debug - режим дебага, выводит в консоль отладочную информацию, по умолчанию выключен
|
|
|
|
|
|
|
|
### Методы
|
|
|
|
общий метод для действий
|
|
|
|
setAction(action, actionTarget, targetId)
|
|
|
|
* action метод, который хотим вызвать, обятельный параметр
|
|
|
|
* actionTarget элемент к которому действие применяется, обятельный параметр
|
|
|
|
* targetId Идентификатор цели яндекс.метрики, обятельный параметр
|
|
|
|
```
|
|
|
|
yaHelper.setAction('clickEl', '.class-btn', 'id-click-btn')
|
|
|
|
```
|
|
|
|
|
|
|
|
#### Список action для setAction
|
|
|
|
|
|
|
|
* clickEl - Установка цели по клику на элемент
|
|
|
|
```
|
|
|
|
yaHelper.setAction('clickEl', '.class-btn', 'id-click-btn')
|
|
|
|
```
|
|
|
|
|
|
|
|
* scrollPx - При доскралливании страницы на определенное количество пикселей
|
|
|
|
```
|
|
|
|
yaHelper.setAction('scrollPx', 1000, 'id-scrollPx')
|
|
|
|
```
|
|
|
|
|
|
|
|
* scrollToEl - При доскралливании страницы до нужного элемента
|
|
|
|
```
|
|
|
|
yaHelper.setAction('scrollToEl', '.class-el', 'id-scrollToEl')
|
|
|
|
```
|
|
|
|
|
|
|
|
* matchUrl - При входе на определенную страницу, конкретный урл
|
|
|
|
```
|
|
|
|
yaHelper.setAction('matchUrl', 'http...', 'id-matchUrl')
|
|
|
|
```
|
|
|
|
|
|
|
|
* matchUrlPart - При входе на определенную страницу, по вхождению урла - по куску
|
|
|
|
```
|
|
|
|
yaHelper.setAction('matchUrlPart', 'part-url', 'id-matchUrlPart')
|
|
|
|
```
|
|
|
|
|
|
|
|
* leaveUrl - При уходе с определенной страницы, конкретный урл
|
|
|
|
```
|
|
|
|
yaHelper.setAction('leaveUrl', 'http...', 'id-leaveUrl')
|
|
|
|
```
|
|
|
|
|
|
|
|
* leaveUrlPart - При уходе с определенной страницы, по вхождению урла
|
|
|
|
```
|
|
|
|
yaHelper.setAction('leaveUrlPart', 'part-url', 'id-leaveUrlPart')
|
|
|
|
```
|
|
|
|
|
|
|
|
* focusInput - Фокус в инпут/текстарею
|
|
|
|
```
|
|
|
|
yaHelper.setAction('focusInput', '.class-input', 'id-focusInput')
|
|
|
|
``` |