@rkaliev/nuxtjs-yandex-metrika

NuxtJS Yandex.Metrika Module/Plugin

Usage no npm install needed!

<script type="module">
  import rkalievNuxtjsYandexMetrika from 'https://cdn.skypack.dev/@rkaliev/nuxtjs-yandex-metrika';
</script>

README

NuxtJS модуль/плагин для подключения Yandex.Metrika(Яндекс.Метрика)

Установка и настройка модуля/плагина

npm i @rkaliev/nuxtjs-yandex-metrika

Необходимо в nuxt.config.js в секции modules добавить:

modules: [
    [
      '@rkaliev/nuxtjs-yandex-metrika',
      {
        id: 'XXXXXX',
        webvisor: boolean,
        clickmap: boolean,
        debug: boolean,
        noJS: boolean,
        disabled: boolean,
      },
    ],
  ],

Модуль/Плагин активирует подгрузку скриптов Yandex.Metrika(Яндекс.Метрика) только в режиме production (process.env.NODE_ENV), в режиме develop вместо подгрузки скриптов Yandex.Metrika(Яндекс.Метрика) используется mock Yandex.Metrika.

Параметр noJS отвечает за инициализацию счетчика через <noscript></noscript> и <img/>.

Больше информации по Yandex.Metrika(Яндекс.Метрика):

ID Yandex.Metrika(Яндекс.Метрика) можно задать как в настройках модуля в nuxt.config.js:

modules: [
    [
      '@rkaliev/nuxtjs-yandex-metrika',
      {
        ...
        id: 'XXXXXX',
        ...
      },
    ],
  ],

либо можно задать переменную в .env файле:

YM_ID=XXXXXXX

Модуль/Плагин можно запускать в режиме debug, используется mock Yandex.Metrika(Яндекс.Метрика) и происходит вывод в консоль ивентов и параметров:

modules: [
    [
      '@rkaliev/nuxtjs-yandex-metrika',
      {
        ...
        debug: true,
        ...
      },
    ],
  ],

Так же можно использовать qs параметры:

https://test.domain.ru/?_ym_debug=1

Использование

После установки Yandex.Metrika(Яндекс.Метрика) доступна через this.$yandexMetrika.

Пример:

methods: {
    /**
     * @param {string} eventName
     */
    sendYandexMetrikaEvent(eventName) {
      this.$yandexMetrika.reachGoal(eventName);
    },

Больше информации по Nuxt.js: