Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • Плагин для целей Яндекс.Метрики Плагин для целей Яндекс.Метрики
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • OWL Agency
  • Наши разработки
  • Плагин для целей Яндекс.МетрикиПлагин для целей Яндекс.Метрики
  • Wiki
  • Home

Last edited by Евгений Ипатов Jul 02, 2022
Page history
This is an old version of this page. You can view the most recent version or browse the history.

Home

metrikaYandex

Плагин создания целей для яндекс метрики

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')
Clone repository
  • Home