**yandex-metrika-vue3** allows you to send data about visited pages to [Yandex Metrika]. ## Installation Install with [yarn]: ```bash $ yarn add yandex-metrika-vue3 ``` Install with [npm]: ```bash $ npm install yandex-metrika-vue3 --save ``` ## Ways to us
npm install yandex-metrika-vue3bash
$ yarn add yandex-metrika-vue3
`
Install with [npm]:
bash
$ npm install yandex-metrika-vue3 --save
`
Ways to use
$3
Pass the instance to the plugin and let it handle everything for you ([Metrika API] is also available):
`javascript// your main.js
import { createApp } from 'vue';
import { createRouter } from "vue-router";
import { initYandexMetrika } from 'yandex-metrika-vue3';
const router = new VueRouter({...}) // your routes
const app = createApp(App)
app.use(initYandexMetrika, {
id: XXXXXXXX,
router: router,
env: process.env.NODE_ENV
// other options
})
`$3
Works without router: [Metrika API]
javascript
// your main.jsimport { createApp } from 'vue';
import { initYandexMetrika } from 'yandex-metrika-vue3';
const app = createApp(App)
app.use(initYandexMetrika, {
id: XXXXXXXX,
env: process.env.NODE_ENV,
// other options
});
`
---Using in template
html
`Using in script
vue
`Options
javascript
/* If you want to override the default options,
* then add this to the initialization function in main.js
*/
// default options
options: {
accurateTrackBounce: true,
clickmap: true,
defer: false,
ecommerce: false,
params: [],
userParams: {},
trackHash: false,
trackLinks: true,
type: 0,
webvisor: false,
triggerEvent: false
},
``[yandex metrika]: https://metrika.yandex.ru
[yarn]: https://yarnpkg.com
[npm]: https://npmjs.com
[metrika api]: https://yandex.ru/support/metrika/objects/method-reference.html