forked from dankerow/yandex-metrika-module
-
Notifications
You must be signed in to change notification settings - Fork 1
/
module.ts
107 lines (95 loc) · 2.96 KB
/
module.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
import { fileURLToPath } from 'url'
import { resolve } from 'pathe'
import { defineNuxtModule, addPlugin, addTemplate, useLogger } from '@nuxt/kit'
import { ModuleOptions } from '@nuxt/schema'
import defu from 'defu'
export interface YandexMetrikaModuleOptions extends ModuleOptions {
id?: string,
metrikaUrl?: string,
accurateTrackBounce?: boolean | number,
childIframe?: boolean,
clickmap?: boolean,
defer?: boolean,
ecommerce?: boolean | string | [],
params?: object | [],
useRuntimeConfig?: boolean,
useCDN?: boolean,
userParams?: object,
trackHash?: boolean,
trackLinks?: boolean,
trustedDomains?: [],
type?: number,
webvisor?: boolean,
triggerEvent?: boolean,
consoleLog?: boolean,
partytown?: boolean
}
const logger = useLogger('nuxt:yandex-metrika')
const CONFIG_KEY = 'yandexMetrika'
export default defineNuxtModule<YandexMetrikaModuleOptions>({
meta: {
name: 'yandex-metrika-module-nuxt3',
configKey: CONFIG_KEY,
compatibility: {
nuxt: '>=3.0.0'
}
},
defaults: {
id: process.env.YANDEX_METRIKA_ID,
metrikaUrl: 'https://mc.yandex.ru/metrika',
accurateTrackBounce: true,
childIframe: false,
clickmap: true,
defer: false,
useRuntimeConfig: true,
trackHash: false,
trackLinks: true,
type: 0,
webvisor: false,
triggerEvent: false,
consoleLog: true,
partytown: false
},
setup (options: YandexMetrikaModuleOptions, nuxt) {
const isDev = (nuxt.options.dev && process.env.NODE_ENV !== 'production')
options.isDev = isDev
logger.info(`Initializing Yandex Metrika in ${isDev ? 'development' : 'production'} mode`)
if (!options.id) {
logger.error('No id provided.')
}
// Adds https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js
options.metrikaUrl = (options.useCDN ? 'https://cdn.jsdelivr.net/npm/yandex-metrica-watch' : options.metrikaUrl) + '/tag.js'
if (options.useRuntimeConfig) {
nuxt.options.runtimeConfig.public[CONFIG_KEY] = defu(nuxt.options.runtimeConfig.public[CONFIG_KEY], options)
}
addTemplate({
filename: 'yandex-metrika.options.mjs',
getContents: () => {
return `export default () => Promise.resolve(${JSON.stringify(
options.useRuntimeConfig ? nuxt.options.runtimeConfig.public[CONFIG_KEY] : options || {}
)})`
}
})
// Script preload
const head = nuxt.options.app.head
head.script = head.script || []
logger.debug(`Yandex Metrika script URL: ${options.metrikaUrl}`)
if (!isDev) {
const scriptObj: Parameters<typeof head.script.push>[number] = {
src: options.metrikaUrl,
async: true,
tagPosition: 'head'
}
if (options.partytown) {
scriptObj.type = 'text/partytown'
}
head.script.push(scriptObj)
}
const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
// Register plugin
addPlugin({
src: resolve(runtimeDir, 'plugin'),
mode: 'client'
})
}
})