├── renovate.json
├── example
    ├── plugins
    │   └── gtm.js
    ├── pages
    │   └── index.vue
    └── nuxt.config.js
├── .eslintignore
├── .gitignore
├── .eslintrc.js
├── babel.config.js
├── .editorconfig
├── lib
    ├── plugin.utils.js
    ├── defaults.js
    ├── compatibility.js
    ├── plugin.mock.js
    ├── plugin.js
    └── module.js
├── jest.config.js
├── .github
    └── workflows
    │   └── ci.yml
├── LICENSE
├── package.json
├── test
    └── module.test.js
├── README.md
└── CHANGELOG.md


/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": [
3 |     "@nuxtjs"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/example/plugins/gtm.js:
--------------------------------------------------------------------------------
1 | export default function ({ $gtm }) {
2 |   $gtm.init('GTM-56H68LH')
3 | }
4 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | # Common
2 | node_modules
3 | dist
4 | .nuxt
5 | coverage
6 | 
7 | # Plugin
8 | lib/plugin*.js
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | *.iml
 3 | .idea
 4 | *.log*
 5 | .nuxt
 6 | .vscode
 7 | .DS_Store
 8 | coverage
 9 | dist
10 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   parserOptions: {
 4 |     parser: 'babel-eslint',
 5 |     sourceType: 'module'
 6 |   },
 7 |   extends: [
 8 |     '@nuxtjs'
 9 |   ]
10 | }
11 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   presets: [
 3 |     [
 4 |       '@babel/preset-env', {
 5 |         targets: {
 6 |           esmodules: true
 7 |         }
 8 |       }
 9 |     ]
10 |   ]
11 | }
12 | 


--------------------------------------------------------------------------------
/example/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     Works!
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   middleware (ctx) {
10 |     ctx.$gtm.push({ event: 'ssr' })
11 |   }
12 | }
13 | </script>
14 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_size = 2
 6 | indent_style = space
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 
12 | [*.md]
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/lib/plugin.utils.js:
--------------------------------------------------------------------------------
1 | const logSyle = 'background: #2E495E;border-radius: 0.5em;color: white;font-weight: bold;padding: 2px 0.5em;'
2 | 
3 | export function log(...args) {
4 |   // eslint-disable-next-line no-console
5 |   <% if (options.debug) { %>console.log('%cGTM', logSyle, ...args)<% } %>
6 | }
7 | 


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   testEnvironment: 'node',
 3 |   collectCoverage: true,
 4 |   collectCoverageFrom: [
 5 |     'lib/**/*.js',
 6 |     '!lib/plugin.js'
 7 |   ],
 8 |   moduleNameMapper: {
 9 |     '^~/(.*)$': '<rootDir>/lib/$1',
10 |     '^~~$': '<rootDir>',
11 |     '^@@$': '<rootDir>',
12 |     '^@/(.*)$': '<rootDir>/lib/$1'
13 |   },
14 |   transform: {
15 |     '^.+\\.js$': 'babel-jest'
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/lib/defaults.js:
--------------------------------------------------------------------------------
 1 | const defaults = {
 2 |   enabled: undefined,
 3 |   debug: false,
 4 | 
 5 |   id: undefined,
 6 |   layer: 'dataLayer',
 7 |   variables: {},
 8 | 
 9 |   pageTracking: false,
10 |   pageViewEventName: 'nuxtRoute',
11 | 
12 |   autoInit: true,
13 |   respectDoNotTrack: true,
14 | 
15 |   scriptId: 'gtm-script',
16 |   scriptDefer: false,
17 |   scriptURL: 'https://www.googletagmanager.com/gtm.js',
18 |   crossOrigin: false,
19 | 
20 |   noscript: true,
21 |   noscriptId: 'gtm-noscript',
22 |   noscriptURL: 'https://www.googletagmanager.com/ns.html'
23 | }
24 | 
25 | module.exports = defaults
26 | 


--------------------------------------------------------------------------------
/lib/compatibility.js:
--------------------------------------------------------------------------------
 1 | const chalk = require('chalk')
 2 | const semver = require('semver')
 3 | 
 4 | function requireNuxtVersion (nuxt, version) {
 5 |   const pkgName = require('../package.json').name
 6 |   const currentVersion = semver.coerce(nuxt.constructor.version)
 7 |   const requiredVersion = semver.coerce(version)
 8 | 
 9 |   if (semver.lt(currentVersion, requiredVersion)) {
10 |     throw new Error(`\n
11 |       ${chalk.cyan(pkgName)} is not compatible with your current Nuxt version : ${chalk.yellow('v' + currentVersion)}\n
12 |       Required: ${chalk.green('v' + requiredVersion)} or ${chalk.cyan('higher')}
13 |     `)
14 |   }
15 | }
16 | 
17 | module.exports = {
18 |   requireNuxtVersion
19 | }
20 | 


--------------------------------------------------------------------------------
/example/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | const { resolve } = require('path')
 2 | 
 3 | module.exports = {
 4 |   rootDir: resolve(__dirname, '..'),
 5 |   buildDir: resolve(__dirname, '.nuxt'),
 6 |   head: {
 7 |     title: '@nuxtjs/gtm-module'
 8 |   },
 9 |   srcDir: __dirname,
10 |   render: {
11 |     resourceHints: false
12 |   },
13 |   modules: [
14 |     { handler: require('../') }
15 |   ],
16 |   plugins: [
17 |     '~/plugins/gtm'
18 |   ],
19 |   gtm: {
20 |     id: process.env.GTM_ID || 'GTM-KLQB72K',
21 |     scriptDefer: true,
22 |     pageTracking: true,
23 |     // layer: 'test',
24 |     variables: {
25 |       test: '1'
26 |     }
27 |   },
28 |   publicRuntimeConfig: {
29 |     gtm: {
30 |       id: 'GTM-KLQB72K&runtime'
31 |     }
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
 1 | name: test
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - master
 7 |   pull_request:
 8 |     branches:
 9 |       - master
10 | 
11 | 
12 | jobs:
13 |   ci:
14 |     runs-on: ${{ matrix.os }}
15 | 
16 |     strategy:
17 |       matrix:
18 |         os: [ubuntu-latest]
19 |         node: [12]
20 | 
21 |     steps:
22 |       - uses: actions/setup-node@v1
23 |         with:
24 |           node-version: ${{ matrix.node }}
25 | 
26 |       - name: checkout
27 |         uses: actions/checkout@master
28 | 
29 |       - name: cache node_modules
30 |         uses: actions/cache@v2
31 |         with:
32 |           path: node_modules
33 |           key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/yarn.lock')) }}
34 | 
35 |       - name: Install dependencies
36 |         if: steps.cache.outputs.cache-hit != 'true'
37 |         run: yarn
38 | 
39 |       - name: Lint
40 |         run: yarn lint
41 | 
42 |       - name: Test
43 |         run: yarn jest
44 | 
45 |       # - name: Coverage
46 |       #   uses: codecov/codecov-action@v1
47 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) Nuxt.js Community
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@nuxtjs/gtm",
 3 |   "version": "2.4.0",
 4 |   "description": "Google Tag Manager Module for Nuxt.js",
 5 |   "repository": "nuxt-community/gtm-module",
 6 |   "license": "MIT",
 7 |   "main": "lib/module.js",
 8 |   "files": [
 9 |     "lib"
10 |   ],
11 |   "scripts": {
12 |     "dev": "nuxt example",
13 |     "generate": "nuxt generate example",
14 |     "lint": "eslint --ext .js,.vue example lib test",
15 |     "release": "yarn test && standard-version && git push --follow-tags && npm publish",
16 |     "test": "yarn lint && jest"
17 |   },
18 |   "dependencies": {
19 |     "chalk": "^4.1.0",
20 |     "semver": "^7.3.2"
21 |   },
22 |   "devDependencies": {
23 |     "@babel/core": "latest",
24 |     "@babel/preset-env": "latest",
25 |     "@nuxtjs/eslint-config": "latest",
26 |     "@nuxtjs/module-test-utils": "latest",
27 |     "@types/jest": "latest",
28 |     "babel-eslint": "latest",
29 |     "babel-jest": "latest",
30 |     "codecov": "latest",
31 |     "eslint": "latest",
32 |     "jest": "latest",
33 |     "nuxt-edge": "latest",
34 |     "standard-version": "latest"
35 |   },
36 |   "publishConfig": {
37 |     "access": "public"
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/lib/plugin.mock.js:
--------------------------------------------------------------------------------
 1 | // This is a mock version because gtm module is disabled
 2 | // You can explicitly enable module using `gtm.enabled: true` in nuxt.config
 3 | import { log } from './gtm.utils'
 4 | 
 5 | const _layer = '<%= options.layer %>'
 6 | const _id = '<%= options.id %>'
 7 | 
 8 | function startPageTracking (ctx) {
 9 |   ctx.app.router.afterEach((to) => {
10 |     setTimeout(() => {
11 |       ctx.$gtm.push(to.gtm || {
12 |         routeName: to.name,
13 |         pageType: 'PageView',
14 |         pageUrl: '<%= options.routerBase %>' + to.fullPath,
15 |         pageTitle: (typeof document !== 'undefined' && document.title) || '',
16 |         event: '<%= options.pageViewEventName %>'
17 |       })
18 |     }, 250)
19 |   })
20 | }
21 | 
22 | export default function (ctx, inject) {
23 |   log('Using mocked API. Real GTM events will not be reported.')
24 |   const gtm = {
25 |     init: (id) => {
26 |       log('init', id)
27 |     },
28 |     push: (event) => {
29 |       log('push', process.client ? event : JSON.stringify(event))
30 |       if (typeof event.eventCallback === 'function') {
31 |         event.eventCallback()
32 |       }
33 |     }
34 |   }
35 | 
36 |   ctx.$gtm = gtm
37 |   inject('gtm', gtm)
38 |   <% if (options.pageTracking) { %>if (process.client) { startPageTracking(ctx); }<% } %>
39 | }
40 | 


--------------------------------------------------------------------------------
/lib/plugin.js:
--------------------------------------------------------------------------------
 1 | import { log } from './gtm.utils'
 2 | 
 3 | const _layer = '<%= options.layer %>'
 4 | const _id = '<%= options.id %>'
 5 | 
 6 | function gtmClient(ctx, initialized) {
 7 |   return {
 8 |     init(id = _id) {
 9 |       if (initialized[id] || !window._gtm_inject) {
10 |         return
11 |       }
12 |       window._gtm_inject(id)
13 |       initialized[id] = true
14 |       log('init', id)
15 |     },
16 |     push(obj) {
17 |       if (!window[_layer]) {
18 |         window[_layer] = []
19 |       }
20 |       window[_layer].push(obj)
21 |       log('push', obj)
22 |     }
23 |   }
24 | }
25 | 
26 | function gtmServer(ctx, initialized) {
27 |   const events = []
28 |   const inits = []
29 | 
30 |   ctx.beforeNuxtRender(() => {
31 |     if (!inits.length && !events.length) {
32 |       return
33 |     }
34 | 
35 |     const gtmScript = ctx.app.head.script.find(s => s.hid == '<%= options.scriptId %>')
36 |     gtmScript.innerHTML = `window['${_layer}']=${JSON.stringify(events)};${gtmScript.innerHTML}`
37 | 
38 |     if (inits.length) {
39 |       gtmScript.innerHTML += `;${JSON.stringify(inits)}.forEach(function(i){window._gtm_inject(i)})`
40 |     }
41 | <% if (options.noscript) { %>
42 |     const gtmIframe = ctx.app.head.noscript.find(s => s.hid == '<%= options.noscriptId %>')
43 |     const renderIframe = id => `<%= options.renderIframe('${id}') %>`
44 |     if (inits.length) {
45 |       gtmIframe.innerHTML += inits.map(renderIframe)
46 |     }
47 | <% } %>
48 |   })
49 | 
50 |   return {
51 |     init(id = _id) {
52 |       if (initialized[id]) {
53 |         return
54 |       }
55 |       inits.push(id)
56 |       initialized[id] = true
57 |       log('init', id)
58 |     },
59 |     push(obj) {
60 |       events.push(obj)
61 |       log('push', JSON.stringify(obj))
62 |     }
63 |   }
64 | }
65 | 
66 | function startPageTracking(ctx) {
67 |   ctx.app.router.afterEach((to) => {
68 |     setTimeout(() => {
69 |       ctx.$gtm.push(to.gtm || {
70 |         routeName: to.name,
71 |         pageType: 'PageView',
72 |         pageUrl: '<%= options.routerBase %>' + to.fullPath,
73 |         pageTitle: (typeof document !== 'undefined' && document.title) || '',
74 |         event: '<%= options.pageViewEventName %>'
75 |       })
76 |     }, 250)
77 |   })
78 | }
79 | 
80 | export default function (ctx, inject) {
81 |   const runtimeConfig = (ctx.$config && ctx.$config.gtm) || {}
82 |   const autoInit = <%= options.autoInit %>
83 |   const id = '<%= options.id %>'
84 |   const runtimeId = runtimeConfig.id
85 |   const initialized = autoInit && id ? {[id]: true} : {}
86 |   const $gtm = process.client ? gtmClient(ctx, initialized) : gtmServer(ctx, initialized)
87 |   if (autoInit && runtimeId && runtimeId !== id) {
88 |     $gtm.init(runtimeId)
89 |   }
90 |   ctx.$gtm = $gtm
91 |   inject('gtm', ctx.$gtm)
92 |   <% if (options.pageTracking) { %>if (process.client) { startPageTracking(ctx); }<% } %>
93 | }
94 | 


--------------------------------------------------------------------------------
/test/module.test.js:
--------------------------------------------------------------------------------
  1 | const path = require('path')
  2 | const { setup, loadConfig, get, url } = require('@nuxtjs/module-test-utils')
  3 | const defaultSettings = require(path.join(__dirname, '../', 'lib', 'defaults.js'))
  4 | 
  5 | function expectPageTrackingEvent (eventsArray, expectedEvent) {
  6 |   return new Promise((resolve) => {
  7 |     // Need to wait at least 250ms as that's how long plugin delays before triggering event.
  8 |     setTimeout(() => {
  9 |       expect(eventsArray).toStrictEqual(
 10 |         expect.arrayContaining([
 11 |           expect.objectContaining(expectedEvent)
 12 |         ])
 13 |       )
 14 |       expect(eventsArray.filter(event => event.event === 'nuxtRoute').length).toBe(1)
 15 |       resolve()
 16 |     }, 300)
 17 |   })
 18 | }
 19 | 
 20 | const modes = ['universal', 'spa']
 21 | 
 22 | for (const mode of modes) {
 23 |   describe(`Module (${mode} mode)`, () => {
 24 |     let nuxt
 25 | 
 26 |     const nuxtConfig = loadConfig(__dirname, '../../example')
 27 |     nuxtConfig.mode = mode
 28 | 
 29 |     const gtmId = nuxtConfig.gtm.id
 30 |     const runtimeId = nuxtConfig.publicRuntimeConfig.gtm.id
 31 |     const scriptId = nuxtConfig.gtm.scriptId || defaultSettings.scriptId
 32 |     const noscriptId = nuxtConfig.gtm.noscriptId || defaultSettings.noscriptId
 33 | 
 34 |     beforeAll(async () => {
 35 |       ({ nuxt } = (await setup(nuxtConfig)))
 36 |     }, 60000)
 37 | 
 38 |     afterAll(async () => {
 39 |       await nuxt.close()
 40 |     })
 41 | 
 42 |     test('Render', async () => {
 43 |       const html = await get('/')
 44 |       const expected = { universal: 'Works!', spa: 'Loading...' }[mode]
 45 |       expect(html).toContain(expected)
 46 |     })
 47 | 
 48 |     test('Has GTM script', async () => {
 49 |       const html = await get('/')
 50 |       expect(html).toContain(`data-hid="${scriptId}"`)
 51 |     })
 52 | 
 53 |     test('Has GTM noscript', async () => {
 54 |       const html = await get('/')
 55 |       expect(html).toContain(`data-hid="${noscriptId}"`)
 56 |     })
 57 | 
 58 |     // test with real GTM id
 59 |     test('GTM should be defined ($nuxt.$gtm)', async () => {
 60 |       const window = await nuxt.renderAndGetWindow(url('/'))
 61 |       expect(window.$nuxt.$gtm).toBeDefined()
 62 |     })
 63 | 
 64 |     test('Should include runtimeConfig', async () => {
 65 |       const window = await nuxt.renderAndGetWindow(url('/'))
 66 | 
 67 |       const headGtmScriptsExternal = window.document.querySelectorAll(`head script[src^="https://www.googletagmanager.com/gtm.js?id=${runtimeId}"]`)
 68 | 
 69 |       expect(headGtmScriptsExternal.length).toBe(1)
 70 |     })
 71 | 
 72 |     test('Verifying duplicate GTM script', async () => {
 73 |       const window = await nuxt.renderAndGetWindow(url('/'))
 74 | 
 75 |       const headGtmScriptsExternal = window.document.querySelectorAll(`head script[src^="https://www.googletagmanager.com/gtm.js?id=${gtmId}"]`)
 76 |       const headGtmScriptsHid = window.document.querySelectorAll(`head script[data-hid="${scriptId}"]`)
 77 |       const totalAmoutOfGtmScriptsAtHead = headGtmScriptsExternal.length + headGtmScriptsHid.length
 78 | 
 79 |       expect(totalAmoutOfGtmScriptsAtHead).toBeLessThan(4)
 80 |     })
 81 | 
 82 |     test('Should include pushed event', async () => {
 83 |       const window = await nuxt.renderAndGetWindow(url('/'))
 84 |       expect(window.dataLayer).toStrictEqual(
 85 |         expect.arrayContaining([
 86 |           expect.objectContaining({ event: 'ssr' })
 87 |         ])
 88 |       )
 89 |       expect(window.dataLayer.filter(event => event.event === 'ssr').length).toBe(1)
 90 |     })
 91 | 
 92 |     test('Should include page tracking event', async () => {
 93 |       const window = await nuxt.renderAndGetWindow(url('/'))
 94 | 
 95 |       await expectPageTrackingEvent(window.dataLayer, {
 96 |         event: 'nuxtRoute',
 97 |         pageTitle: '@nuxtjs/gtm-module',
 98 |         pageType: 'PageView',
 99 |         pageUrl: '/',
100 |         routeName: 'index'
101 |       })
102 |     })
103 |   })
104 | }
105 | 
106 | for (const mode of modes) {
107 |   describe(`Page tracking with router base (${mode} mode)`, () => {
108 |     let nuxt
109 | 
110 |     const override = {
111 |       gtm: {
112 |         layer: 'testDataLayer',
113 |         pageTracking: true
114 |       }
115 |     }
116 | 
117 |     const nuxtConfig = loadConfig(__dirname, '../../example', override, { merge: true })
118 |     if (!nuxtConfig.router) {
119 |       nuxtConfig.router = {}
120 |     }
121 |     nuxtConfig.router.base = '/base/'
122 | 
123 |     beforeAll(async () => {
124 |       ({ nuxt } = (await setup(nuxtConfig)))
125 |     }, 60000)
126 | 
127 |     afterAll(async () => {
128 |       await nuxt.close()
129 |     })
130 | 
131 |     test('Event should contain page URL with base', async () => {
132 |       const window = await nuxt.renderAndGetWindow(url('/base/'))
133 | 
134 |       await expectPageTrackingEvent(window.testDataLayer, {
135 |         event: 'nuxtRoute',
136 |         pageTitle: '@nuxtjs/gtm-module',
137 |         pageType: 'PageView',
138 |         pageUrl: '/base/',
139 |         routeName: 'index'
140 |       })
141 |     })
142 |   })
143 | }
144 | 


--------------------------------------------------------------------------------
/lib/module.js:
--------------------------------------------------------------------------------
  1 | const path = require('path')
  2 | const defaults = require('./defaults')
  3 | const { requireNuxtVersion } = require('./compatibility')
  4 | 
  5 | // doNotTrack polyfill
  6 | // https://gist.github.com/pi0/a76fd97c4ea259c89f728a4a8ebca741
  7 | const dnt = "(function(w,n,d,m,e,p){w[d]=(w[d]==1||n[d]=='yes'||n[d]==1||n[m]==1||(w[e]&&w[e][p]&&w[e][p]()))?1:0})(window,navigator,'doNotTrack','msDoNotTrack','external','msTrackingProtectionEnabled')"
  8 | 
  9 | module.exports = async function gtmModule (_options) {
 10 |   requireNuxtVersion(this.nuxt, '2.12.0')
 11 | 
 12 |   const options = {
 13 |     ...defaults,
 14 |     ..._options,
 15 |     ...this.options.gtm
 16 |   }
 17 | 
 18 |   // By default enable only for non development
 19 |   if (options.enabled === undefined) {
 20 |     options.enabled = !this.options.dev
 21 |   }
 22 | 
 23 |   if (options.dev !== undefined) {
 24 |     // eslint-disable-next-line no-console
 25 |     console.warn('[gtm] `dev` option is deprecated! Please use `enabled`')
 26 |     if (options.dev === true && this.options.dev) {
 27 |       options.enabled = true
 28 |     }
 29 |     delete options.dev
 30 |   }
 31 | 
 32 |   this.addTemplate({
 33 |     src: path.resolve(__dirname, 'plugin.utils.js'),
 34 |     fileName: 'gtm.utils.js',
 35 |     options
 36 |   })
 37 | 
 38 |   if (!options.enabled) {
 39 |     // Register mock plugin
 40 |     this.addPlugin({
 41 |       src: path.resolve(__dirname, 'plugin.mock.js'),
 42 |       fileName: 'gtm.js',
 43 |       options
 44 |     })
 45 |     return
 46 |   }
 47 | 
 48 |   // Async id evaluation
 49 |   if (typeof (options.id) === 'function') {
 50 |     options.id = await options.id()
 51 |   }
 52 | 
 53 |   // Build query
 54 |   const query = {
 55 |     // Default is dataLayer for google
 56 |     l: options.layer !== 'dataLayer' ? options.layer : null,
 57 |     ...options.variables
 58 |   }
 59 |   const queryString = Object.keys(query)
 60 |     .filter(key => query[key] !== null && query[key] !== undefined)
 61 |     .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(query[key])}`)
 62 |     .join('&')
 63 | 
 64 |   // Compile scripts
 65 |   const injectScript = `var f=d.getElementsByTagName(s)[0],j=d.createElement(s);${options.crossOrigin ? 'j.crossOrigin=\'' + options.crossOrigin + '\';' : ''}j.${options.scriptDefer ? 'defer' : 'async'}=true;j.src='${options.scriptURL + '?id=\'+i' + (queryString ? (`+'&${queryString}` + '\'') : '')};f.parentNode.insertBefore(j,f)` // deps: d,s,i
 66 | 
 67 |   const doNotTrackScript = options.respectDoNotTrack ? 'if(w.doNotTrack||w[x][i])return;' : ''
 68 | 
 69 |   const initLayer = "w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'})" // deps: w,l
 70 |   let script = `w[x]={};w._gtm_inject=function(i){${doNotTrackScript}w[x][i]=1;${initLayer};${injectScript};}`
 71 | 
 72 |   if (options.autoInit && options.id) {
 73 |     script += `;w[y]('${options.id}')`
 74 |   }
 75 | 
 76 |   // Add doNotTrack polyfill and wrap to IIFE
 77 |   script = `${dnt};(function(w,d,s,l,x,y){${script}})(window,document,'script','${options.layer}','_gtm_ids','_gtm_inject')`
 78 | 
 79 |   // Guard against double IIFE executation in SPA mode (#3)
 80 |   script = `if(!window._gtm_init){window._gtm_init=1;${script}}`
 81 | 
 82 |   // Add google tag manager <script> to head
 83 |   if (typeof this.options.head === 'function') {
 84 |     // eslint-disable-next-line no-console
 85 |     console.warn('[@nuxtjs/gtm] head is provided as a function which is not supported by this module at the moment. Removing user-provided head.')
 86 |     this.options.head = {}
 87 |   }
 88 |   this.options.head.script = this.options.head.script || []
 89 |   this.options.head.script.push({
 90 |     hid: options.scriptId,
 91 |     innerHTML: script
 92 |   })
 93 | 
 94 |   // Prepend google tag manager <noscript> fallback to <body>
 95 |   const renderIframe = id => `<iframe src="${options.noscriptURL + '?id=' + id + '&' + queryString}" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe>`
 96 |   if (options.noscript) {
 97 |     this.options.head.noscript = this.options.head.noscript || []
 98 |     this.options.head.noscript.push({
 99 |       hid: options.noscriptId,
100 |       pbody: true,
101 |       innerHTML: options.id ? renderIframe(options.id) : '' /* placeholder for SSR calls */
102 |     })
103 |   }
104 | 
105 |   // Disable sanitazions
106 |   this.options.head.__dangerouslyDisableSanitizersByTagID = this.options.head.__dangerouslyDisableSanitizersByTagID || {}
107 |   this.options.head.__dangerouslyDisableSanitizersByTagID[options.scriptId] = ['innerHTML']
108 |   this.options.head.__dangerouslyDisableSanitizersByTagID[options.noscriptId] = ['innerHTML']
109 | 
110 |   // Remove trailing slash to avoid duplicate slashes when appending route path
111 |   const routerBase = this.options.router.base.replace(/\/+$/, '')
112 | 
113 |   // Register plugin
114 |   this.addPlugin({
115 |     src: path.resolve(__dirname, 'plugin.js'),
116 |     fileName: 'gtm.js',
117 |     options: {
118 |       ...options,
119 |       renderIframe,
120 |       routerBase
121 |     }
122 |   })
123 | }
124 | 
125 | module.exports.meta = require('../package.json')
126 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # @nuxtjs/gtm
  2 | 
  3 | [![npm version][npm-version-src]][npm-version-href]
  4 | [![npm downloads][npm-downloads-src]][npm-downloads-href]
  5 | [![Checks][checks-src]][checks-href]
  6 | [![Codecov][codecov-src]][codecov-href]
  7 | [![License][license-src]][license-href]
  8 | 
  9 | > Google Tag Manager Module for Nuxt.js
 10 | 
 11 | [📖 **Release Notes**](./CHANGELOG.md)
 12 | 
 13 | ℹ️ If coming from v1 (`@nuxtjs/google-tag-manager`) please read v2 [release notes](https://github.com/nuxt-community/gtm-module/releases/tag/v2.0.0).
 14 | 
 15 | ## Setup
 16 | 
 17 | 1. Add `@nuxtjs/gtm` dependency to your project
 18 | 
 19 | ```bash
 20 | yarn add @nuxtjs/gtm # or npm install @nuxtjs/gtm
 21 | ```
 22 | 
 23 | 2. Add `@nuxtjs/gtm` to the `modules` section of `nuxt.config.js`
 24 | 
 25 | ```js
 26 | export default {
 27 |   modules: [
 28 |     '@nuxtjs/gtm',
 29 |   ],
 30 |   gtm: {
 31 |     id: 'GTM-XXXXXXX'
 32 |   }
 33 | }
 34 | ```
 35 | ### Runtime Config
 36 | 
 37 | You can use [runtime config](https://nuxtjs.org/guide/runtime-config) if need to use dynamic environment variables in production. Otherwise, the options will be hardcoded during the build and won't be read from `nuxt.config` anymore.
 38 | 
 39 | ```js
 40 | export default {
 41 |   modules: [
 42 |     '@nuxtjs/gtm'
 43 |   ],
 44 | 
 45 |   gtm: {
 46 |     id: 'GTM-XXXXXXX', // Used as fallback if no runtime config is provided
 47 |   },
 48 | 
 49 |   publicRuntimeConfig: {
 50 |     gtm: {
 51 |       id: process.env.GOOGLE_TAG_MANAGER_ID
 52 |     }
 53 |   },
 54 | }
 55 | ```
 56 | 
 57 | ## Options
 58 | 
 59 | Defaults:
 60 | 
 61 | ```js
 62 | export default {
 63 |   gtm: {
 64 |     enabled: undefined, /* see below */
 65 |     debug: false,
 66 | 
 67 |     id: undefined,
 68 |     layer: 'dataLayer',
 69 |     variables: {},
 70 | 
 71 |     pageTracking: false,
 72 |     pageViewEventName: 'nuxtRoute',
 73 | 
 74 |     autoInit: true,
 75 |     respectDoNotTrack: true,
 76 | 
 77 |     scriptId: 'gtm-script',
 78 |     scriptDefer: false,
 79 |     scriptURL: 'https://www.googletagmanager.com/gtm.js',
 80 |     crossOrigin: false,
 81 | 
 82 |     noscript: true,
 83 |     noscriptId: 'gtm-noscript',
 84 |     noscriptURL: 'https://www.googletagmanager.com/ns.html'
 85 |   }
 86 | }
 87 | ```
 88 | 
 89 | ### `enabled`
 90 | 
 91 | GTM module uses a debug-only version of `$gtm` during development (`nuxt dev`).
 92 | 
 93 | You can explicitly enable or disable it using `enabled` option:
 94 | 
 95 | ```js
 96 | export default {
 97 |   gtm: {
 98 |     // Always send real GTM events (also when using `nuxt dev`)
 99 |     enabled: true
100 |   }
101 | }
102 | ```
103 | 
104 | ### `debug`
105 | 
106 | Whether `$gtm` API calls like `init` and `push` are logged to the console.
107 | 
108 | ### Manual GTM Initialization
109 | 
110 | There are several use cases that you may need more control over initialization:
111 | 
112 | - Block Google Tag Manager before user directly allows (GDPR realisation or other)
113 | - Dynamic ID based on request path or domain
114 | - Initialize with multi containers
115 | - Enable GTM on page level
116 | 
117 | `nuxt.config.js`:
118 | 
119 | ```js
120 | export default {
121 |  modules: [
122 |   '@nuxtjs/gtm'
123 |  ],
124 |  plugins: [
125 |   '~/plugins/gtm'
126 |  ]
127 | }
128 | ```
129 | 
130 | `plugins/gtm.js`:
131 | 
132 | ```js
133 | export default function({ $gtm, route }) {
134 |   $gtm.init('GTM-XXXXXXX')
135 | }
136 | ```
137 | 
138 | - **Note:** All events will be still buffered in data layer but won't send until `init()` method getting called.
139 | - **Note:** Please consult with [Google Tag Manager Docs](https://developers.google.com/tag-manager/devguide#multiple-containers) for more information caveats using multiple containers.
140 | 
141 | ### Router Integration
142 | 
143 | You can optionally set `pageTracking` option to `true` to track page views.
144 | 
145 | **Note:** This is disabled by default to prevent double events when using alongside with Google Analytics so take care before enabling this option.
146 | 
147 | The default event name for page views is `nuxtRoute`, you can change it by setting the `pageViewEventName` option.
148 | 
149 | ## Usage
150 | 
151 | ### Pushing events
152 | 
153 | You can push events into the configured layer:
154 | 
155 | ```js
156 | this.$gtm.push({ event: 'myEvent', ...someAttributes })
157 | ```
158 | 
159 | ## Development
160 | 
161 | 1. Clone this repository
162 | 2. Install dependencies using `yarn install` or `npm install`
163 | 3. Start development server using `yarn dev` or `GTM_ID=<your gtm id> yarn dev` if you want to provide custom GTM_ID.
164 | 
165 | ## License
166 | 
167 | [MIT License](./LICENSE)
168 | 
169 | Copyright (c) Nuxt.js Community
170 | 
171 | <!-- Badges -->
172 | [npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/gtm/latest.svg?style=flat-square
173 | [npm-version-href]: https://npmjs.com/package/@nuxtjs/gtm
174 | 
175 | [npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/gtm.svg?style=flat-square
176 | [npm-downloads-href]: https://npmjs.com/package/@nuxtjs/gtm
177 | 
178 | [checks-src]: https://img.shields.io/github/workflow/status/nuxt-community/gtm-module/test/master?style=flat-square
179 | [checks-href]: https://github.com/nuxt-community/gtm-module/actions
180 | 
181 | [codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/gtm-module.svg?style=flat-square
182 | [codecov-href]: https://codecov.io/gh/nuxt-community/gtm-module
183 | 
184 | [license-src]: https://img.shields.io/npm/l/@nuxtjs/gtm.svg?style=flat-square
185 | [license-href]: https://npmjs.com/package/@nuxtjs/gtm
186 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
  1 | # Changelog
  2 | 
  3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
  4 | 
  5 | ## [2.4.0](https://github.com/nuxt-community/gtm-module/compare/v2.3.2...v2.4.0) (2020-11-10)
  6 | 
  7 | 
  8 | ### Features
  9 | 
 10 | * support `crossOrigin` option ([#78](https://github.com/nuxt-community/gtm-module/issues/78)) ([e843176](https://github.com/nuxt-community/gtm-module/commit/e8431767b72e63d67968d811fe5919011b441f57))
 11 | * **module:** add support for runtimeConfig ([#53](https://github.com/nuxt-community/gtm-module/issues/53)) ([2bc1735](https://github.com/nuxt-community/gtm-module/commit/2bc173538ea255deea13ad575fefc82b7a28e3f0))
 12 | * **plugin:** add `debug` option and disable by default ([#61](https://github.com/nuxt-community/gtm-module/issues/61)) ([37f13e5](https://github.com/nuxt-community/gtm-module/commit/37f13e551518efa5aa88c095a544a73c8ac5fc9b))
 13 | 
 14 | 
 15 | ### Bug Fixes
 16 | 
 17 | * **plugin.mock:** handle `event.eventCallback` ([#76](https://github.com/nuxt-community/gtm-module/issues/76)) ([cdb0c5c](https://github.com/nuxt-community/gtm-module/commit/cdb0c5c3a5ce07ca3cadcafa673b0397f31dfc75))
 18 | * fix doNotTrack polyfill ([#87](https://github.com/nuxt-community/gtm-module/issues/87)) ([c69d1cf](https://github.com/nuxt-community/gtm-module/commit/c69d1cf87179ad77a245fb7a745731ce666630bf))
 19 | * **module:** allow client side push before init ([#60](https://github.com/nuxt-community/gtm-module/issues/60)) ([c9b073a](https://github.com/nuxt-community/gtm-module/commit/c9b073a9c9f84ccb5271fb70fc602b1fe6f187c4))
 20 | 
 21 | ### [2.3.2](https://github.com/nuxt-community/gtm-module/compare/v2.3.1...v2.3.2) (2020-07-23)
 22 | 
 23 | 
 24 | ### Bug Fixes
 25 | 
 26 | * **plugin:** load SSR events before container loaded ([#51](https://github.com/nuxt-community/gtm-module/issues/51)) ([498f9bd](https://github.com/nuxt-community/gtm-module/commit/498f9bd317469e143b81e34c36b48abc8d1ca5be))
 27 | 
 28 | ### [2.3.1](https://github.com/nuxt-community/gtm-module/compare/v2.3.0...v2.3.1) (2020-07-23)
 29 | 
 30 | 
 31 | ### Bug Fixes
 32 | 
 33 | * **plugin:** find head script ([#59](https://github.com/nuxt-community/gtm-module/issues/59)) ([d9deea9](https://github.com/nuxt-community/gtm-module/commit/d9deea9fcf0f15b38668a9a6ab9f36cbb149efe2))
 34 | 
 35 | ## [2.3.0](https://github.com/nuxt-community/gtm-module/compare/v2.2.3...v2.3.0) (2020-06-01)
 36 | 
 37 | 
 38 | ### Features
 39 | 
 40 | * require nuxt > 2.12 to avoid ssr memory leak ([43f41c8](https://github.com/nuxt-community/gtm-module/commit/43f41c8e7ce58ca40476cc9624be8464908b2d91))
 41 | * use mock version for nuxt dev ([ec85699](https://github.com/nuxt-community/gtm-module/commit/ec856996a7caa6f6ef0c21c7c03457ec1a27552c)), closes [#32](https://github.com/nuxt-community/gtm-module/issues/32)
 42 | 
 43 | 
 44 | ### Bug Fixes
 45 | 
 46 | * check respectDoNotTrack option value ([#37](https://github.com/nuxt-community/gtm-module/issues/37)) ([b1a938c](https://github.com/nuxt-community/gtm-module/commit/b1a938c44f953bd35f9a00e42189ee0291015d41))
 47 | 
 48 | ### [2.2.3](https://github.com/nuxt-community/gtm-module/compare/v2.2.2...v2.2.3) (2020-03-17)
 49 | 
 50 | 
 51 | ### Bug Fixes
 52 | 
 53 | * prepend `router.base` when sending page track events ([#20](https://github.com/nuxt-community/gtm-module/issues/20)) ([2940d85](https://github.com/nuxt-community/gtm-module/commit/2940d8540b813677ffbea81874913cd8c82db50b))
 54 | * **module:** warn about head as a function in nuxt config is not supported ([#14](https://github.com/nuxt-community/gtm-module/issues/14)) ([8b37f8d](https://github.com/nuxt-community/gtm-module/commit/8b37f8d7075b0015beb8abbd6ba4a76884e56447))
 55 | 
 56 | ### [2.2.2](https://github.com/nuxt-community/gtm-module/compare/v2.2.1...v2.2.2) (2020-02-25)
 57 | 
 58 | 
 59 | ### Bug Fixes
 60 | 
 61 | * always render noscript block ([a921b42](https://github.com/nuxt-community/gtm-module/commit/a921b4235a77562e52f0aaf4b62fe2c4023d91e0))
 62 | 
 63 | ### [2.2.1](https://github.com/nuxt-community/gtm-module/compare/v2.2.0...v2.2.1) (2020-02-24)
 64 | 
 65 | ## [2.2.0](https://github.com/nuxt-community/gtm-module/compare/v2.1.1...v2.2.0) (2020-02-23)
 66 | 
 67 | 
 68 | ### Features
 69 | 
 70 | * enable noscript by default ([f511404](https://github.com/nuxt-community/gtm-module/commit/f511404d2a46d082e4f730daeb618543692d748d))
 71 | * push page title to dataLayer ([#8](https://github.com/nuxt-community/gtm-module/issues/8)) ([9434562](https://github.com/nuxt-community/gtm-module/commit/943456256c5eba9ec0104ca5a9b2f8aee31f66ea))
 72 | * ssr iframe injection ([d678f16](https://github.com/nuxt-community/gtm-module/commit/d678f16d46343e54ba788d0e13399d3b3c2234f7))
 73 | * ssr support ([d896618](https://github.com/nuxt-community/gtm-module/commit/d896618ef23b4a6fbc723133d3b6b7266f67aad5))
 74 | 
 75 | 
 76 | ### Bug Fixes
 77 | 
 78 | * add id to noscript iframe ([b345db7](https://github.com/nuxt-community/gtm-module/commit/b345db7deddf2fe2e11e5ee2925deda51c739b95))
 79 | * call startPageTracking on client only ([774fccf](https://github.com/nuxt-community/gtm-module/commit/774fccffd8c9712229c9c4d90512f88546fe5ce4))
 80 | * pageTitle is not available on SSR ([228d796](https://github.com/nuxt-community/gtm-module/commit/228d796c8b3c982520c26c296e9a2af937f90e28))
 81 | 
 82 | ### [2.1.1](https://github.com/nuxt-community/gtm-module/compare/v2.1.0...v2.1.1) (2020-02-11)
 83 | 
 84 | 
 85 | ### Bug Fixes
 86 | 
 87 | * prevent calling init with initial id when autoInit enabled ([24744a5](https://github.com/nuxt-community/gtm-module/commit/24744a50e95b48ec1f16f02f8ba652e5415123f1))
 88 | 
 89 | ## [2.1.0](https://github.com/nuxt-community/gtm-module/compare/v2.0.1...v2.1.0) (2020-02-11)
 90 | 
 91 | 
 92 | ### Features
 93 | 
 94 | * allow manually init with multiple ids (closes [#1](https://github.com/nuxt-community/gtm-module/issues/1), [#4](https://github.com/nuxt-community/gtm-module/issues/4), [#5](https://github.com/nuxt-community/gtm-module/issues/5)) ([accfa77](https://github.com/nuxt-community/gtm-module/commit/accfa77f92fa918412b19742ca13dbeedddef732))
 95 | 
 96 | ### [2.0.1](https://github.com/nuxt-community/gtm-module/compare/v2.0.0...v2.0.1) (2020-02-10)
 97 | 
 98 | 
 99 | ### Bug Fixes
100 | 
101 | * guard against double script executation ([#3](https://github.com/nuxt-community/gtm-module/issues/3)) ([970e0e6](https://github.com/nuxt-community/gtm-module/commit/970e0e6965d1f1d3fce1d5c6bc47576d3a9079a9))
102 | 
103 | ## 2.0.0 (2020-02-09)
104 | 
105 | 
106 | ### Features
107 | 
108 | * initial commit for v2 ([aeba6da](///commit/aeba6dadb82ad5035a32a3fca414046600baad3d))
109 | 
110 | ## [2.3.1](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.3.0...@nuxtjs/google-tag-manager@2.3.1) (2019-11-01)
111 | 
112 | 
113 | ### Bug Fixes
114 | 
115 | * **google-tag-manager:** fixed noscript content sanitization ([#322](https://github.com/nuxt-community/modules/issues/322)) ([7531faf](https://github.com/nuxt-community/modules/commit/7531faf))
116 | 
117 | 
118 | 
119 | 
120 | 
121 | # [2.3.0](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.2.1...@nuxtjs/google-tag-manager@2.3.0) (2019-10-07)
122 | 
123 | 
124 | ### Features
125 | 
126 | * **google-tag-manager:** add `<noscript>` fallback ([#263](https://github.com/nuxt-community/modules/issues/263)) ([#300](https://github.com/nuxt-community/modules/issues/300)) ([f0dd65f](https://github.com/nuxt-community/modules/commit/f0dd65f))
127 | * **google-tag-manager:** add pageViewEventName option ([#314](https://github.com/nuxt-community/modules/issues/314)) ([f718a6a](https://github.com/nuxt-community/modules/commit/f718a6a))
128 | 
129 | 
130 | 
131 | 
132 | 
133 | ## [2.2.1](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.2.0...@nuxtjs/google-tag-manager@2.2.1) (2019-07-13)
134 | 
135 | 
136 | ### Bug Fixes
137 | 
138 | * **google-tag-manager:** fix respectDoNotTrack ([#295](https://github.com/nuxt-community/modules/issues/295)) ([56cb078](https://github.com/nuxt-community/modules/commit/56cb078))
139 | 
140 | 
141 | 
142 | 
143 | 
144 | # [2.2.0](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.1.4...@nuxtjs/google-tag-manager@2.2.0) (2019-04-15)
145 | 
146 | 
147 | ### Features
148 | 
149 | * **google-tag-manager:** refactor, `dev` option and `$gtm.pushEvent` ([#274](https://github.com/nuxt-community/modules/issues/274)) ([d0ba40f](https://github.com/nuxt-community/modules/commit/d0ba40f))
150 | 
151 | 
152 | 
153 | 
154 | 
155 | ## [2.1.4](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.1.3...@nuxtjs/google-tag-manager@2.1.4) (2019-02-12)
156 | 
157 | 
158 | ### Bug Fixes
159 | 
160 | * **google-tag-manager:** fix broken syntax ([#262](https://github.com/nuxt-community/modules/issues/262)) ([0e9e552](https://github.com/nuxt-community/modules/commit/0e9e552))
161 | 
162 | 
163 | 
164 | 
165 | 
166 | ## [2.1.3](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.1.2...@nuxtjs/google-tag-manager@2.1.3) (2019-02-12)
167 | 
168 | **Note:** Version bump only for package @nuxtjs/google-tag-manager
169 | 
170 | 
171 | 
172 | 
173 | 
174 | ## [2.1.2](https://github.com/nuxt-community/modules/compare/@nuxtjs/google-tag-manager@2.1.1...@nuxtjs/google-tag-manager@2.1.2) (2019-01-11)
175 | 
176 | **Note:** Version bump only for package @nuxtjs/google-tag-manager
177 | 
178 | 
179 | 
180 | 
181 | 
182 | <a name="2.1.1"></a>
183 | ## [2.1.1](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@2.1.0...@nuxtjs/google-tag-manager@2.1.1) (2018-12-19)
184 | 
185 | 
186 | ### Bug Fixes
187 | 
188 | * **google-tag-manager:** delay for route changing before send ([#221](https://github.com/nuxt/modules/issues/221)) ([a7e1634](https://github.com/nuxt/modules/commit/a7e1634))
189 | 
190 | 
191 | 
192 | 
193 | 
194 | <a name="2.1.0"></a>
195 | # [2.1.0](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@2.0.0...@nuxtjs/google-tag-manager@2.1.0) (2018-10-01)
196 | 
197 | 
198 | ### Features
199 | 
200 | * **google-tag-manager:** Allow GTM ID to be function ([#219](https://github.com/nuxt/modules/issues/219)) ([e4bf538](https://github.com/nuxt/modules/commit/e4bf538))
201 | 
202 | 
203 | 
204 | 
205 | 
206 | <a name="2.0.0"></a>
207 | # [2.0.0](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@1.2.0...@nuxtjs/google-tag-manager@2.0.0) (2018-05-15)
208 | 
209 | 
210 | ### Features
211 | 
212 | * **google-tag-manager:** rework on options and customization ([50c1f27](https://github.com/nuxt/modules/commit/50c1f27))
213 | 
214 | 
215 | ### BREAKING CHANGES
216 | 
217 | * **google-tag-manager:** pageTracking is disabled by default
218 | 
219 | 
220 | 
221 | 
222 | <a name="1.2.0"></a>
223 | # [1.2.0](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@1.1.0...@nuxtjs/google-tag-manager@1.2.0) (2018-04-27)
224 | 
225 | 
226 | ### Features
227 | 
228 | * **gtm:** add dataLayer Event property ([#202](https://github.com/nuxt/modules/issues/202)) ([d22ae60](https://github.com/nuxt/modules/commit/d22ae60))
229 | 
230 | 
231 | 
232 | 
233 | <a name="1.1.0"></a>
234 | # [1.1.0](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@1.0.1...@nuxtjs/google-tag-manager@1.1.0) (2017-11-20)
235 | 
236 | 
237 | ### Features
238 | 
239 | * **google-tag-manager:** removed lodash dependency ([#160](https://github.com/nuxt/modules/issues/160)) ([3c5f674](https://github.com/nuxt/modules/commit/3c5f674))
240 | 
241 | 
242 | 
243 | 
244 | <a name="1.0.1"></a>
245 | ## [1.0.1](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@1.0.0...@nuxtjs/google-tag-manager@1.0.1) (2017-07-24)
246 | 
247 | 
248 | ### Bug Fixes
249 | 
250 | * **google-tag-manager:** default 'layer' should be set to 'dataLayer' (#82) ([1ed8b76](https://github.com/nuxt/modules/commit/1ed8b76))
251 | 
252 | 
253 | 
254 | 
255 | <a name="0.0.5"></a>
256 | ## [0.0.5](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@0.0.4...@nuxtjs/google-tag-manager@0.0.5) (2017-06-06)
257 | 
258 | 
259 | 
260 | 
261 | <a name="0.0.4"></a>
262 | ## [0.0.4](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@0.0.3...@nuxtjs/google-tag-manager@0.0.4) (2017-06-02)
263 | 
264 | 
265 | 
266 | 
267 | <a name="0.0.3"></a>
268 | ## [0.0.3](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@0.0.2...@nuxtjs/google-tag-manager@0.0.3) (2017-05-31)
269 | 
270 | 
271 | 
272 | 
273 | <a name="0.0.2"></a>
274 | ## [0.0.2](https://github.com/nuxt/modules/compare/@nuxtjs/google-tag-manager@0.0.1...@nuxtjs/google-tag-manager@0.0.2) (2017-05-30)
275 | 
276 | 
277 | 
278 | 
279 | <a name="0.0.1"></a>
280 | ## 0.0.1 (2017-05-29)
281 | 


--------------------------------------------------------------------------------