@artmizu/yandex-metrika-nuxt

🕵️ Yandex Metrika integration for Nuxt 3-4

Features

• Support Nuxt 4 and Nuxt 3, nuxt 2 users can use this one
• Prints handy mesages in a dev mode, when certain goals is reached
• Expose useful methods to the nuxt app instance
• Fully customizable via runtime config
• Types for external API

Installation

Install package via a package manager:

# using npm
npm install @artmizu/yandex-metrika-nuxt

# using yarm
yarn add @artmizu/yandex-metrika-nuxt

# using pnpm
pnpm add @artmizu/yandex-metrika-nuxt

Add it to a modules section of your nuxt config:

export default {
  modules: ['@artmizu/yandex-metrika-nuxt'],
}

Options

You can pass it through runtime config, module options and the special nuxt config property yandexMetrika.

id

• Type: string
• Required
• Description: Yandex metrika ID

Other parameters you can see in the type file here

Runtime Config

Alternatively, leveraging automatically replaced public runtime config values by matching environment variables at runtime, set your desired option in your project's .env file:

# Sets the `yandexMetrika.id` module option
NUXT_PUBLIC_YANDEX_METRIKA_ID=12345678