{"_id":"vue-gtm","_rev":"49-7d906aa02f52e803306bb7a5147ea973","name":"vue-gtm","description":"Google Tag Manager implementation in Vue application","dist-tags":{"latest":"3.5.0","beta":"3.4.2-issue-122.1","alpha":"3.0.0-alpha.7","vue-2":"3.5.0-vue2"},"versions":{"1.0.0":{"name":"vue-gtm","version":"1.0.0","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"babel-core":"^6.21.0","babel-loader":"^6.2.10","babel-preset-es2015":"^6.18.0","babel-preset-stage-2":"^6.18.0","webpack":"2.2.0-rc.3"},"gitHead":"285a00723588f002943653873965831ffcd29da8","_id":"vue-gtm@1.0.0","_shasum":"c5a2fc139c10a1f719a7664441e12a64b1a99660","_from":".","_npmVersion":"3.10.10","_nodeVersion":"7.3.0","_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"dist":{"shasum":"c5a2fc139c10a1f719a7664441e12a64b1a99660","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-1.0.0.tgz","integrity":"sha512-xv1VpnCSsgIuJ3PFoPw00TzC8Exd4IX6gDMpK8E33a6UYnTLew84KPkoyxjNriQ7EAvIc5cMh0lkodJdwaPTQg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHBaXTotz1L36Dd+vcqQE3+XG/4LtRgnHSWSZCluXq8FAiAvIBvbk39+kNTZcumEaArp5Iil7ZXUGrT8Hzli851yDQ=="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue-gtm-1.0.0.tgz_1483634813710_0.5581127263139933"},"directories":{},"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"1.0.1":{"name":"vue-gtm","version":"1.0.1","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"babel-core":"^6.21.0","babel-loader":"^6.2.10","babel-preset-es2015":"^6.18.0","babel-preset-stage-2":"^6.18.0","webpack":"2.2.0-rc.3"},"gitHead":"f99a60a9b8272a3bbb76e1b73ea45228cfff0952","_id":"vue-gtm@1.0.1","_shasum":"38af1521526cc2d1219c70401bf9caf8ce17790f","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"dist":{"shasum":"38af1521526cc2d1219c70401bf9caf8ce17790f","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-1.0.1.tgz","integrity":"sha512-jY3IvUoMMBya4jUHu7rItrnFXa5P92cVj0yPa07sCWg33zC/UO2LRYcHspSxMIPsLalS3OkqjvCyL5iIv1XOTg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbaq1JnFWoZojisJtUayzWkcjkvZptccBfw28gkiCueQIhANRDGwq+HAXcKf5XC+C9ljvkQUT4lWdvudibMwx9H7Qs"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue-gtm-1.0.1.tgz_1494035282283_0.3816785963717848"},"directories":{},"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"1.0.2":{"name":"vue-gtm","version":"1.0.2","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"babel-core":"^6.21.0","babel-loader":"^6.2.10","babel-preset-es2015":"^6.18.0","babel-preset-stage-2":"^6.18.0","webpack":"2.2.0-rc.3"},"gitHead":"cca728af9ffabc50fa8f437fdc3ebac8e9bef40c","_id":"vue-gtm@1.0.2","_npmVersion":"5.0.3","_nodeVersion":"7.10.0","_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"dist":{"integrity":"sha512-YrtrBtKpDrLdjvb+0ZqjwcTZo0TsmFTmjcpFDUx4gLKnLaDoEC7spmcgewnQThjNrJb+yvZHeoMrPvR3OtOeLw==","shasum":"a9a5178934d40cb9a4394a396805245f809914d5","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKe1Vynks+ed/kWlmTa1B6Kle5QtAvfRqCBCH9lDvt3gIgLr1AdZt8Llz+KvZ3Dcq/w5bfyHXYd+Q+D3A7UnjIFms="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm-1.0.2.tgz_1497856504671_0.9534998235758394"},"directories":{},"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"1.0.3":{"name":"vue-gtm","version":"1.0.3","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^6.2.10","babel-preset-es2015":"^6.18.0","babel-preset-stage-2":"^6.18.0","webpack":"2.2.0-rc.3"},"gitHead":"9a3780b5820d0805b30780eafd1301862a8d9db0","_id":"vue-gtm@1.0.3","_npmVersion":"5.6.0","_nodeVersion":"8.11.1","_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"dist":{"integrity":"sha512-jwDJJtV7rdEEWe2M7vScFAIgZgEUekQoD/q1A7qVfGeF3Xl/vIHDyN0m1MwB2s7ONf0Ph9tsBzRSegZ1w65Q9g==","shasum":"0a34ab8e1eaddb30c4484c8dab8a9aac0d4ccccd","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-1.0.3.tgz","fileCount":11,"unpackedSize":114224,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbZY7oCRA9TVsSAnZWagAA0ecP/2x1oYzXr0CXiIPB947C\n9PV+ZeZJ2Ae6H/m3hmaoxzevwlyKEmgYYvbog2Wj+9wPE10Gm98bOTpC9xCZ\nLzKzAlQKGPz/kRkU3XnMbTb7Axp/xxZLBbNlZt1NUlYNyrVoHKJgzMBpDTtO\ngj6NvlYB+bc7J6TOmf3TTvxXClZrSyzMeMynhfz0WtTHa31GWJF0SrWcfApk\nl2/rGMXyE3Q//3bXj9qSpRAiW+pkuOmT4G8lRFgi9RBzkSLg7vae6UrxQPP3\nyo2PdXd7HyxT1OK360P8QGtMwtltCHWkmNgWye+l+zm/cvuGTg6asjFLdwkR\no3rDPz5oaMlNXRPvsWXcjb2NffVRC+0VQZlZ4rx2bjQO3YT/AGyblXJgp7Vd\nbZ8nXYxVxGJjW5hu6I6Ar5+bWI3QNrR154FJ95KUyw5CVwtKyPoE5i0PJ+aF\nB/dd4ibJMz1xPS++uf5ojaqDqlBL2/k+Ii5QWJ35DwkGUTQBOmUyHI/vqhrb\n+qXDPPrlCSGt3VMfWNGIPjV2bFMFslcmlzrNYdgZzeXzhKpj4SVUL6ym5ESp\nXOIz69Pg0SFKR4gB9huGXzc00kKREEyyFvu8LDcL/7PZCMm3+oyY5Vi7hBrG\n7Q1xIA6H2PYu11zP+bSI5ohrFmpUwttgJhLR2U7055R3hQHvNpoNnH5mV7jd\nppTP\r\n=hsAJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFvPCcGFBB+1+BJHfZH2iv3nwww6Cz2FvbXaSuHyIfJUAiEA06PkakAlFZsyoo/faRjdYEbdsMwqwVFnbGoQ3S7MEsI="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_1.0.3_1533382375929_0.6940298619842287"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.0.0":{"name":"vue-gtm","version":"2.0.0","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^6.2.10","babel-preset-es2015":"^6.18.0","babel-preset-stage-2":"^6.18.0","webpack":"2.2.0-rc.3"},"gitHead":"f2da48198d4a5d5ebaa6cf0ac9a4358824f81bc3","_id":"vue-gtm@2.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"dist":{"integrity":"sha512-9h2FI8Z4kZQ5SP55uFFQVHDwdr5UsJav8HpaRmsWB9D4lbP/HAzcsNxLPbgr/pLOMP+0ZXIYte90Cj0Uqyj2bg==","shasum":"8e6ce2408410abda9787e68d257cb1a957c75805","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.0.0.tgz","fileCount":11,"unpackedSize":115291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblhz4CRA9TVsSAnZWagAAERUP/jmahr28YLYjD6gv8cD9\n7WEMLVP9FlV+ZoQE1VVCpjWWC8klqTFCHUzyRfztIdF3jk9SaFsOC4sKxuiA\nXQpzema7KCwCN6lB9cayr0YtWyX0uRt8YdIIX3D5nCAyYqKJDg8RAOlJkXaL\ne/YW9j8MfxAIMGLNugFa6DEcK4tZyyDONSWZzo16wz9zwrZI4wq7rKTChAUy\nfbZe08fomW/AeZiH7C4R3tqJ+tU9By0/5Zrnw65/cLe5JpWCDd4r22J1DFyD\nuA2nEhFak72woMG/lzjp9bdlYysb2rodN2jWZ8VQ8zpLaoW5zPoaCPYo5h8i\ngE+sKSBQcoo6n1POs70FAZYhQ/cUueTLLRGfKbA3pWJsg+Vi+wtdTOLHjE9g\n/IPM9XatNr/NzlGZxcQykcxnOdWjudZTuUPOI565bPO/DRDWyObOrqoWh7R5\n93egl3YQ2Ymr/XcMzV2q3OsiB7U9mLUqHF96K6qvodyUsxBPqgD7WrQPPu8G\ni9RmAQqrUNn2b/cj43vsj0NMRj5mZLgPyOKHInyMYHRx6MhVH0l8CNc8cfWo\nPSQsHs3owsGSTs0pmpS9FGboaC8jwEOEHBpJY0xDuSuhh3d9+RoYgVxu4sOz\nthkM+K566+Klmw6fn1LaG/+vw9MfwquKLGyGxIYwV08H5bfh5A39Al9XOfVg\n3U/v\r\n=xyl1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHKmIO0+ofB4pk+A3T7slmfagIUoMmNAFRMvYbyifZh3AiEAwitTRlmZosVFyiT/NGN5+GcN4F6jRkAC+cI8IKdfLNk="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.0.0_1536564472419_0.7019352910702088"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.1.0":{"name":"vue-gtm","version":"2.1.0","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^6.2.10","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","webpack":"^2.7.0"},"gitHead":"0eb8ac8d568399dcbf6a37308e52c7a829f4d156","_id":"vue-gtm@2.1.0","_nodeVersion":"8.15.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-/u5pjMhXqfC77nyhDHthJJiCRt/IPozkblI88dO/uXARZEbG0UMsiT0LlxCCvQWqBjFP3uxJ0pvOy7S8kpUEPA==","shasum":"76c3ccd312513f95387cf551bd09dd960ee682eb","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.1.0.tgz","fileCount":11,"unpackedSize":27372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdW8XNCRA9TVsSAnZWagAAGJwP/A4KET0On8l8lTntPOUc\ng7i6qv7T626Rat0ZLlxIU+iw2UhzGH0Rld3jBveubQVMw2ITobS0VAZskw/W\nC/Xi/0UVTUK16Y/qIeWCVA09K0Yz6mazZrQTmqIyEcnIkFRM4QPt+n3iLp8O\nN0IpoPW5IWWX/1CLlULE5tHCj0ct9TxSS6VcPXE4XtptzFdinq9u/8WEn8nY\nVtyWG6O8RdYjd2gYVOpeRoMRw5caNn0TMiRrWz09uk4SxgDXg2hMxW67b+4h\nllRY8gPxvbOnBxWmrXcbUnz64MHrVKlGx9yLab6GbUqQ0D8Lywdaikb1rQVm\ncZO17d+H9kljWc1kkxhtaWnge8GGwu4d7XesVL5s0Fpa0PTzj/CjTazXAf60\nQyobPkqIHuuVyuHVO0UuznIRn3QkWDvm0oz0xz+/UqTc9Ieaf6RNySaoJg4s\nhCXxWPMKqw/LxXk1RY1k4/cHArtdaFV2qYRqfHOK4IvXY8+pG3gJT/yceXRt\npVk5YY7hZWK2rW4m/k+i2gzcI79RPrVmBOW1LqzPvhC9ig71HWv6jXsfEfgu\nQsV+pBj76ST4FNH1lSdFqghCqrWzJMmHP9wm0ztIV0F+4Foq3PTBQEmb5dV/\nRavQczoQSRWnoWKy6b4EcSvzArrfaAJtFJ8DGGNL83GvKTa5iNr7GII2lzM8\naa7S\r\n=yG+/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNYB1hvHWJX14p91k25FQNDcktB0fsDrUphfqyvC0svgIhANpOuC1Y9Q50B/sfyERDWVVA9VBu6npyTbYEUK5vF5zq"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.1.0_1566295501059_0.7914862597262009"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.2.0":{"name":"vue-gtm","version":"2.2.0","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^6.2.10","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","webpack":"^2.7.0"},"gitHead":"6e5d5e3ff49e2ddd75164f98c7134291c769ac1a","_id":"vue-gtm@2.2.0","_nodeVersion":"8.15.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-DsypU2nqN7xc8GbdAxOatzj+LCCkM9F4Lz5m0FhGLw1Cs+ENgHt7ieHIRD41pu8g0QbJiIMkpcnwPQEBe2Sg0w==","shasum":"7b96cce86eb1318d37f55e761cb3253b5369c312","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.2.0.tgz","fileCount":11,"unpackedSize":27372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdW8YuCRA9TVsSAnZWagAAtroP/AgOJI8bu0bvh32GETzB\nxQDEwKPD0ag1KKHDg6mqkG7M+uw+vpydB/GhKb36Z2t59jwXQ0ktB4d4MyJ9\nQW6AFKr1GECP9XlXmzUlADX33kpewwtElShefUd9GytSv2RVuVGbs4mzaBsg\ns0v7ljUXKi76s3dbIq7uLALPP3s6qmJY1cAJMZbIcPgbyWbctiTrBsQqBrrX\nX7mN89TStbZrdqTN0fqYUTPLrupCTED67UdArwMdPGfOT/9gmKHwb9pv19Eg\nbgNL0VmVbOaGGwcXvXiwgRP+IYVf5hNH1BOEGsp/OOOOdisD0ZtTBx240gKk\nuHmG3eMwwBUD17vY+RJjx1MBUwBBOTWojR5FaScDiSM3ciilcmYMABbNIwF6\n3KvtJWvgeE+nb3/HiXQD5CgQtQjDXVVCW56PnJDe5ZxfQrkSSH2IXnTdVUVl\nN3Ivjm8g4Kyz4p/ThtCamixlb0lYi5gNXAm3G1mygxVTju6GM0TvqGl08YVQ\nE7uAU2b/coBYHIPSCj2mfBycBJKBOtl0sGVhwd0j/c+/tUoDDqvP63L7E25d\nmX4lJ43vCdEUYwS6ASJzWgwOwySX7ZxIdAIe///iWUbm1JhKEhjZsF2cQG1n\nHBQzE2jMJVlSmE0pAgFdbOKdVRT76W6LRk7/UuD/VAgUNYGKtfGg8gvg8gkm\n4BNp\r\n=vz6d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC01LZpLQ75995+0vkQodMMXHX04PzBwNnm9E/CYZIgNQIgfzpMmwa4pLpXmw4/6IwyLxtyhMg/DuUuF2ej3Elt5Kg="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.2.0_1566295597793_0.38915220789915006"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.3.0":{"name":"vue-gtm","version":"2.3.0","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","typings":"types/index.d.ts","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^6.2.10","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","webpack":"^2.7.0"},"gitHead":"fbc8481ea224ba7f1080ff429cf96433b50b6d6e","_id":"vue-gtm@2.3.0","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-hwRRyyO2U7LrwJw+6OB/gObvVjcEz770Ajne8XOldhpE9gL2CaloP3AEFTtKXmrsDE6z6A0mrXeWqjQ4vlyK9Q==","shasum":"3bc41734921a071f243aa6fca308d105b7ea2fa7","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.3.0.tgz","fileCount":12,"unpackedSize":29777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0zIICRA9TVsSAnZWagAA6/EP/3p8JWOLzskxHkqC6HIN\niB9QA/JvUo4aLyvE0apzfVjVRvGNs3gEMDPbkjsQcj8V5W4UszhP7AxuBkoe\nlNk1a+i/kfF4H946DjMrdnJ0S7JWWkLAXUY/1S+1S1daBbUpqKYidUWgrQdC\nOdZ1pMlnuJU+KeILX5ofAl4Z0eeRkMpG3sas/eWTeZObA77vFxcXkyV3JFzI\ngYdNQSMd/WY5EphaE8Qs5vKAZ4fyBs6vDpkuNQbKMoza2po4toNeXlc/nXD9\nomCn9rB3tarGKl+jcCv/WNkPBi6hCQnxjyTJSCkFPOWpDhJZy+3p4K1REBr1\nzBsl8FwtTjwkrPWfEXE74wFg5W0jvU6k1JoIPRIEIYgAfmhrYc1zFseXOn0q\n0vKY4rR8J3F9ldn3HLPlDCuJ+b19tOdAju5GZpNW5Yk+0DrarFwPHjCUniXl\ntgd521gKMF6WfowETyVAuxB8KuOB9mlJa19FwYuc+menTun3knHTvTYRp4tz\nslMZoA/XwIrdZ7WjBbfNup5z/rG8qPgLvbtTtewHL50gDHrwPJMYifICW0N3\nTSONpAC2V1Oq0yyuTfDKdo49C4caFjJ6TYhfRskltv8112LWLeg/ZXsoJx1/\n7VbGYZQe1amu6ilV4FkKFJyD/GfE3n4x/w9EIs1SL84gYp1K2/XHViGwYEce\nRpG4\r\n=JaR/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDKnsUUS9scG8HUWh/ht7x5X6WI29aCXOL1OCGEK4SBQIgKtYhZbRVY+9y522BnuKJ4LhInODhIMty2PRfVN5nC6c="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.3.0_1590899208242_0.9523990750156786"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.3.1":{"name":"vue-gtm","version":"2.3.1","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","typings":"types/index.d.ts","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^6.2.10","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","webpack":"^2.7.0"},"dependencies":{"url-search-params-polyfill":"^8.1.0"},"gitHead":"69a94623e83d686d189b7238474e85a30766a33f","_id":"vue-gtm@2.3.1","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-LQCOzU4Q0aeZ4AZyF1mnu38ZXXrOzYoiIbxpxZxKwNTfFZV2E4knfaH0zftLsxfdmvhqfoXAX6EJX+W8gzuT9g==","shasum":"c8819332fae5efc92404f59e71c501b4d8b8ee3b","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.3.1.tgz","fileCount":12,"unpackedSize":33761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9xHzCRA9TVsSAnZWagAA7S8P/jO3p8bQadJAwdElcdns\niK1FqhFp/YUvBtSPSlSg+lJqFz8ujvdWuha08JdUHIinvkJDGi08q6FcI2Oy\nMYnvkXZiK2jHBgAQ5Z5BNP952KX9ByakwM1R3jr/l05JDvfPjWo69oJ82a30\niXFxNtPwOcBhmOkGCG8LAOf3OCbJRlswfOdcLLB9xmCyxFABxZmyxFwBA/pH\nGD/Z5bkfOwFMIJOiPB/a14eqkuGrwAgMX7hWcUppMsaBA8B23tsN4jTu4RVI\n6ENnIGSURwSOqaSCv8YadtbTK01Vw2Z6KkuFedBNM8l1ptU2Ff//wfHY86e0\nntg1fcvzwLP0oIWzmRr0JgxQ7dyGqtdS0OmSEKPtY8xXj8RCHGcMaU8L0Ma7\nkp5+4kp8J2Vzmd7aGYMOcmQCsm71yPTL/lk6gjtl97vefN1vD39lcdec3HU5\nKakuCoO8ViUxG6Wi1xQ6qvwVzEcCAnrj3CF9wscSVe2YxSJHAoHXmthDLu0a\nsISoP3QNqQ6VqJ15tMgiAE9qA6dW5E8S2lv3RbMkO6M4xMrj3iD93RA3lht0\n4g6Yl8Y7peTvLRByrrxlZp8B0I5h7zcyl444JfsO4x8yBxXz5UDQ6P6FAyiy\n0JenU+zRyBm6uHkzBTo7DoM/91+PygwDJ+dL3Li+11HK7LenQ466e0IqT4a5\nTrzz\r\n=abjH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAdI9aM/hrE7t0GTVgcyoa12Oce6mRPHL4mvd8E3Po97AiEA5k8LDZ12jNCWXXuQJh0gBfcuKXEhMF+D5wAwlSW9xow="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.3.1_1593250290456_0.28957979143002555"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.3.2":{"name":"vue-gtm","version":"2.3.2","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","typings":"types/index.d.ts","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack-cli --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"@babel/core":"^7.11.4","@babel/preset-env":"^7.11.0","babel-loader":"^8.1.0","webpack":"^4.44.1","webpack-cli":"^3.3.12"},"dependencies":{"url-search-params-polyfill":"^8.1.0"},"browserslist":[">1%","not dead","ie 11"],"gitHead":"0e0f5142c68d4b42350c05fe5856dc2ab237cdb3","_id":"vue-gtm@2.3.2","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-HpSr5Sp39ypWPt0R9HB9HIGbuZyFMGsnjMkxfoHHQdMfVy/CcqxIc+nEXN1hJYCmkFisPUJ7ZslNjqpNf7L1ww==","shasum":"b41d37a172c7224f182a2ec9d712c8a94d1497c8","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.3.2.tgz","fileCount":12,"unpackedSize":35625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRCn8CRA9TVsSAnZWagAA8sMQAKHysfbvLuztYnIahhzi\n4Z+bePosNRUBHbzsNnrMwlmDyxJAmbFtbv1esrErp48decEOq7wrStP04+Rg\nAGz8l6JAZN2y4R92uVS9TK1R5GvH2kFtrGt1N9zZmvKYmX6S9/jYn4lYJs8z\ns9gjG8oysocgFtE6qUMCyiiMViKM30aNSR3kpVaq/kZEmpnczUWzMzPDzmH+\n/dIwNXYp0C1WVhtw7iW1EaijtGXWwZ3rkAtGn0YE/7NNzgqipVKgjWklq7W5\nc1iJdlNwInjVnNC0sGukyh5YnZEbYreTpaHWEDsMKB4nLCJwXyZkz8BVOtbN\nAtOia173ZiKt6ci8iW/k25ULwrxuApt0qJzWLqOhrLO5ziYm+N/na+DdER4l\nA8/Geyn2gg4IdeXA08R2th59BV/MH+zF95M5MuhQ2cRWUY9VV7QlumWRLi+e\nh3VO7a8JJ6PQ5s5VD6ZccvMlfJ1L2QDYU6JX3e2ga8Z9Vv1hy5pDn0mYrV6k\nzrPCBla1qoazvITCmDPActvIlhSaXyilXeypylYYj9I4yANbDt26/jrNpVSW\n0fYuAqgAAxwOydew0Y4ZGUHo0RAck6ioOuz6bM9VpY9aUw9AwHV70yFpTkzB\n+cqKKIcS6bSvRB78YC/3n0iJlm7OZJyXsPVFstKDC7Lz5xzi7cpf6fow1A/G\nh8e3\r\n=NsOg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEk/BdLbt1C4wJKvw6hrRi7QGNEvs+dRgqNMozQe9PvnAiB92ol7m0UEo3AKKlU9XSPuaPx6ytBIdMQA5b+FEJTUdw=="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.3.2_1598302715756_0.7991539820637492"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.3.3":{"name":"vue-gtm","version":"2.3.3","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","typings":"types/index.d.ts","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack-cli --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"@babel/core":"^7.11.4","@babel/preset-env":"^7.11.0","babel-loader":"^8.1.0","webpack":"^4.44.1","webpack-cli":"^3.3.12"},"dependencies":{"url-search-params-polyfill":"^8.1.0"},"browserslist":[">1%","not dead","ie 11"],"gitHead":"10461c4df39be0a7b46b4949ae6c225bd374deca","_id":"vue-gtm@2.3.3","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-qg+d3MW653zeGQOad8zNOWvHowum/Or+HQlY+x8eJoD7806AvRxs5CXoAF+v2KAIBHNOzaFRLnH4BEbBXAAwYg==","shasum":"c50a17b1880dda62d2eeef493fac91bf804bc439","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.3.3.tgz","fileCount":12,"unpackedSize":35903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRfYUCRA9TVsSAnZWagAAbCQP/3nfq06DDy3IDPvfK5Wr\nGfbZyL7OXhVkUvAFywsv6NBd4iz8MSV6WceFQ4MNrmQJ58DrBn7t0co5fQ3Q\nvamtYcuDHd5AEIewi3VKD98zPr4esOoOezi9iKZ6wYF4uZdReA9ZKvurgDyI\nVhk8j0VhSdBQXfwHV5xl7NwdXqTKmv8bQJGhBJGrClcN7zUdR/KJGWDoGf4z\ndiQFgNNEsU7Ff+eQ7LuSD+pKZqKCS4soaMl0skyV1LEUawu+BqYCGzbhuXfS\n9GxvUI6wkcSgMGP6Aq1AqWcoviCWD2sk1/snazPnJKvT1smlwfbicQWK/omt\nkwTvwjZE0nFAxl4g9sSHPc2boCqjynKhs3id4ES+bnFL8klufPOAqzyFZNPN\n2yXYaw49S31gKgO8zbJibGApDEtssg1skUQIzG2o1QPZ/28ZRTAq8Lny3agn\n5urLLDtxE1h38g1STAhhxzkbsqaFFn0gr2EijDISqZNSSxuiRzS71T2T7PjW\nUNWha0UA9he6qJb77/GmXfZf7LLSnc6Qpe9nm+r0gF035O/BSVA+HIYPGGoF\nyS18GII0CsnQNRJoRZP0AycHc9Ys0o23kMu0YTkTaJM+MAE9m0Y5YGTnvNiN\nycl4mjPUkTFZn/ViHRWD40qz5yh7OIIn7+lJqq+75INRE9t+XbysAvzzXX3A\n6VVn\r\n=sMWq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEkXDarh5wGxL0lpAaOxfqXnKUer7uEvnjpyz4xJUenQIhAPFX/rFJOFtEql33iZmBEpAY3yX0Vnte/Kxvuj733rWh"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"mib200","email":"mib200@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.3.3_1598420499980_0.5959075241535683"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.3.4":{"name":"vue-gtm","version":"2.3.4","description":"Google Tag Manager implementation in Vue application","main":"./dist/vue-gtm.min.js","typings":"types/index.d.ts","author":{"name":"Manish Kumar"},"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"webpack-cli --config webpack.config.js --progress --hide-modules"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"jshintConfig":{"esversion":6},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"devDependencies":{"@babel/core":"^7.11.4","@babel/preset-env":"^7.11.0","babel-loader":"^8.1.0","webpack":"^4.44.1","webpack-cli":"^3.3.12"},"dependencies":{"url-search-params-polyfill":"^8.1.0"},"browserslist":[">1%","not dead","ie 11"],"gitHead":"828d437eecfdbf086c576d7c16a604f341ea5479","_id":"vue-gtm@2.3.4","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-09e5XMxnkqDt33lonKW0q2KCageK3d0vN5aA+IAMi4c3TKtpat86Y/DllhIeKWeLBoUT4elz+S+bVDHUGzUA2A==","shasum":"19d5402853f90d4850a9d0042c184e5c6b91b1cf","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.3.4.tgz","fileCount":12,"unpackedSize":35994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTQ0yCRA9TVsSAnZWagAAwlUP/RoS5qn+GlTiGQ7KriCF\nx5ziNPGpPig0MkTtMc9zyjkiH+RvLmB2/Q/NSEPBXG14dKbM0hdSxJG8ha6q\nrSZWOEO45KKmOtDjSn8UqTATQxqsumxTpjBzYDFWzA3suIEc9yHTuzLNjiGq\nXR8MphaHIicMYczHgia3HgX8dRr85ffKrJ1L1Yg4aPhn7ySi/KkNnGKc6NZT\ngvumrFJoM4Y4EL6Hf1g+yQPzOMpAS8xlTQvyUGBRdNB7ozrTtGNNchxkpB/G\n2HjFI/pVjyUMdg+gsw1x1aGaW55Ert47H1Y11EbGU2a3vbzD4+lzpdlhVKcC\nOXNt58ShxddW7BZea0b22JhdFG0HT1J/GNRcINKxEJG37CTC9BC4B2Z8x+Ey\nxON765Kv8zRDvk2dgLQ4rb5CYG9W81YOVZRHYHhXz5VHhcgU8NcTodS/wuHN\nqp6Mw0KD+DO/rfF1w3EUQXv80sGKtAumQClMPFRoG90lYhqeISmYH25MCi1S\nqCSKYaC7Iz2vIKTgDzjSk2InDKjVAAhLdGq3fxtpqrxDMA5uTB+haDrDTLSk\n9J5ktGHsscZe0ApRv71LZcgcMHalh0lpSJ0nKmNHFggUhEUoVTkCUO/kLvGP\nE3cP/8X8ty1QE2Aefbv4gF5+ADFyGbR5fZS4aG1zWNMKtULwEcSVPSYCfKP7\nWXzg\r\n=x6C+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDftCk1RwCuiSt5SddgTm5H58WLAAmtbgm4r1uGvrrVSwIhAI2XgNAh2c0tV1VGbpeSRqPYWKz1amUEcwA1P2zXzu06"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.3.4_1598885169962_0.7826044334038136"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"2.4.0-typescript-beta.1":{"name":"vue-gtm","version":"2.4.0-typescript-beta.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"tsc"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"typescript":"^4.0.2","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">\n  Vue Google Tag Manager\n  <h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n  <br>\n  <br>\n</h1>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n<p align=\"center\">\n  <a href=\"https://github.com/feross/standard\"><img src=\"https://cdn.rawgit.com/feross/standard/master/badge.svg\" alt=\"Standard - JavaScript Style Guide\"></a>\n</p>\n<br>\n\nThis plugin will helps you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n* **Vue.js.** >= 2.0.0\n* **Google Tag Manager account.** To send data to\n\n**Optionnals dependencies**\n\n* **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm -S` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com/)\n\nHere is an example of configuration, compose with it on your own :\n\n```javascript\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxxx' or ['GTM-xxxxxxx', 'GTM-xxxxxxx'], // Your GTM single container ID or array of container ids ['GTM-xxxxxxx', 'GTM-yyyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional) \n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that :\n\n```javascript\nexport default {\n  name: 'MyComponent',\n  data() {\n    return {\n      someData: false\n    };\n  },\n  methods: {\n    onClick: function() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: 'Calculator',\n        action: 'click',\n        label: 'Home page SIP calculator',\n        value: 5000,\n        noninteraction: false // Optional\n      });\n    }\n  },\n  mounted() {\n    this.$gtm.trackView('MyScreenName', 'currentpath');\n  }\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```\ndataLayer.push({\n\t'event': event || 'interaction',\n\t'target': category,\n\t'action': action,\n\t'target-properties': label,\n\t'value': value,\n\t'interaction-type': noninteraction,\n\t...rest\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or\nsomewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change !\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule :\n\n* If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n* Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample :\n\n```javascript\nconst myRoute = {\n  path: 'myRoute',\n  name: 'MyRouteName',\n  component: SomeComponent,\n  meta: { gtm: 'MyCustomValue' }\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```\nthis.$gtm.enabled()\n```\n\nEnable plugin\n\n```\nthis.$gtm.enable(true)\n```\n\nDisable plugin\n\n```\nthis.$gtm.enable(false)\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```\nthis.$gtm.debugEnabled()\n```\n\nEnable debug mode\n\n```\nthis.$gtm.debug(true)\n```\n\nDisable plugin\n\n```\nthis.$gtm.debug(false)\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"7d4b4f257786523767d7e86f2f3949793fc0c174","_id":"vue-gtm@2.4.0-typescript-beta.1","_nodeVersion":"14.10.1","_npmVersion":"6.14.7","dist":{"integrity":"sha512-sw0V5xXmue4N3nT3tEhjOu5GbhPLIWn7fbNHhDcG2z8nr0E4BZCy8TsJcTMGT8A8kUgmDCEI5y0LII9CXDRtEA==","shasum":"a6919f31da39bb859f62de6cf84db5bb114eb636","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-2.4.0-typescript-beta.1.tgz","fileCount":23,"unpackedSize":44983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYmigCRA9TVsSAnZWagAAuK4P/2AjH0vfdleBfaQclh5+\nYfSMrdCsXqWDadqfsI03bycaRw5lDPx11vb45jnrh3S5IRJEeTYaEDKkdKw9\nNHwO4p66cCo0odFE+WhzBApQVyNIphtEqcuatdQDD7Imm9qDsYt5YClzY1I9\ncCqgOGt5yPREMK5D1RKmLbjxuD77m0ttB14/4Y0mI44m2m2n7jZRN5RICOKs\nvnOgyg1sXXttDAGkBevvRPfo3NJ4RETdj4DlWrmI9l18RFe43GmPL3OxrchW\nAimHArwBa+onAWJafmH6vp2I4LtnLXZymeNecLC8bWg6jSBWjCCbrW3/5O19\nE/ATDLujr5uPuXx0u2lvgUc0maV06Y4u0URBo2OP8ooecgeKA0i9b6hM2wAo\n6YFRrye14XDNmZFfZ1Sjc0yOER70xM9Oo9hFxqt85FNzXL94ND6jhObaQjgi\npid9WpOCzPllt2Artfd8GyjO35ZDqyFOT3bQEvseqI8Vbd1aTcvaevKqGuj5\nRcJHW8aIPD9nInyqaHgQ5VDxZkUrsrikYbJz8MZwXXJokDDKKE5375w3amtf\nnXjvpfOsY/N4ID07eAkNmrPLvOYUCV0pA2x3prJAXYCYph4yjOxL2z9ybkRp\n4GklBbUls13dxVjexJzn4ai98e59VHCNsjzcKO/Ml+vvMYPUB4Z7vXN/iVCF\n26C7\r\n=U+fg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpMd3MqyjyrJpeLJjJe1VpJfl4FtPeKu2nHWAB0AwacgIhAM/F6OBsyYHmxADlrb8EXFufl3Y7SnNpSaW0LH90fNbD"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_2.4.0-typescript-beta.1_1600284831629_0.6811388908111231"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.1":{"name":"vue-gtm","version":"3.0.0-alpha.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"tsc"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <!-- <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a> -->\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"426ab87e3c85c03c9d81f8e206f1ccd5386019e2","_id":"vue-gtm@3.0.0-alpha.1","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-3DYlPnJvdeiyftMzaRuw7BxGRj+RU4JtXoTQfAlA3IoqXlfk5Vnb0z4TfemDt07NeuN85c9eBi4jvxOuYv4eaw==","shasum":"27f4442ba33148b48f1723700adfbbff37cb01b7","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.1.tgz","fileCount":21,"unpackedSize":47630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZf/4CRA9TVsSAnZWagAAQ20P/RP8vhNBMJjenRu6a/Oq\nBddVdC+ZXwV/KqmNELwOlmBckgzZ2qHd7VqEeHiLqj9W8quzAfMB51iiDqdy\nw2PKcuqMq4zBxrX/Lvp3TIcJ34wVlQZBS017zkLHNKLTy7u989LqDE8LgOdL\neByA8nmOKtQ+f/cJfbCKrEfzoKgH34oonDEGMO7Ibr0qwgzFDGm3wjxTbqd0\niqa8/wJdAT1GguZtbTB5nhy5DBGYt5cwOGWv5G+BAgyBeg1+cHPUvEyBupT3\nz3os8f08KA/kFSnu+16sbDtt9KLBzrunyrilk6Ps4j4iBDyLq76aShMqJzLF\ndCWBWAECQitugmA3Q40k1+drPrUSCHNO6KzCG3ibjSLWKKwG2J7T3PimI20G\nUybyguSE/HuyisRK0pOGM88Z8g/QJR552sO0ZtFJ0TcMhh6HBqbI7FB9wvVU\nceJEh8H6dSlstcK+e4eHNI4juQcBUwC8RvK9Sqa2qZhujkeYX2qn0ktilORW\nNReAXRiE1X08H9m/KofCeiiWCogzsZGm003Xu6O/CMreEE0VLSxIDEFIATpM\nzWOj/Fclyf/zXzN9c9lNr/eBCWTHLQbNyOpKMdgUO4FsEajZS/A3PNgAjF0p\n6xv6A1MRSO06EgTuIGcxhj2lIefuEiM5z3kG+XoriEf3ojJIB/YmtzSMe4BK\nvZJb\r\n=J2go\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuQdNdZd+SPu4gjd1NtFOB6IhDcF46csO+AXYozerSTwIgV99yWtXycFCZm0uUujJVNbON/5PkLM9Qk7+3thVDexU="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.1_1600520184432_0.78594698682664"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.1-vue2":{"name":"vue-gtm","version":"3.0.0-alpha.1-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"tsc"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"typescript":"^4.0.3","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <!-- <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a> -->\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"4558f7df19d468aa65a8f486e0735a19c0b18764","_id":"vue-gtm@3.0.0-alpha.1-vue2","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-dEQXpVYel5FsYmqp1KZdOWKwRBhZXpwNDBtSzEGFMEv2INgycaOrMOeinlLLAN1ySLsV18+cxDsL/5LlhkqVMQ==","shasum":"cbd30386428d8bc0e54cf635f27f6547d40a739b","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.1-vue2.tgz","fileCount":21,"unpackedSize":47718,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZghhCRA9TVsSAnZWagAAe2AP/2N/Cdx8ySs4H04A70DH\nXcUIAUeWE0/28UAmacFCZbvigJ1OfTVWrnlOMqnLIqyJOcPRc9SE+LVbzzkI\nlJLkjlxFBAHkYJjWT3bbgONJcRxy7Qz9w8in6gA83mN5O4sn83j3jcWQHqQs\nsYyF0QM59/GDqhgEXjZwV5lsmKYscLuretQYNCQRmPwmGZc2R8hexjNxmApJ\nmJ87x2ilxqv1Cb6nxzXCtwc2znMg2FoXAQzAy4TFG8idAOQWpPjNGQz3EbQl\nJtBrboeHExDacEZBzYeFsRk6CTUHjZS4cKwDif13HKlXZvTpUYrlQ8+mLMaF\np6l1+sp4tzk5YLDptHPXPttR5FsCjCysAjBERKcIz5t7lXoFdaHqvuIgjCBa\nkCocr9McA5PJuPqaZo+lBE7nsoCNBKC5Tjdc2okjzUHzrEzrwZ1aBV6bQKX1\nKLle+2RDJ7HP9mwCqEoBXeDIH+w0NT57WTcZ6Ea1n5a3TrScSZ/Ed1yLZtYM\nabcarLtSEKEty4K48UcGJa6MXDCE9XZyl/fMmPwjN+SrLufUCr6urf7PP7SY\n/7Bu6XP6m879BP3N5MFojDnTluYBqKUjpJpNQt+BpCPmsQ0R36aP3+hXYEH4\nZQBfU6lKHkJTbe/5BXsrvQzq3TmdpRVpIN9FWU5ygxHvpfG2dTc2GjAdQjtT\n2Giy\r\n=gplU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBi2F612h1pxWofoCYybtgRf2bmS1UIFc2vq9z9xDiy8AiBREml+PaIQ0pkbHWq4+YP1d6s7QAZxNP08dRrbewSg9A=="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.1-vue2_1600522337334_0.2252773706166875"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.2":{"name":"vue-gtm","version":"3.0.0-alpha.2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"tsc"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <!-- <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a> -->\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"0a55d1795f2d9696078352a1f2541f6204975ed8","_id":"vue-gtm@3.0.0-alpha.2","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-pSaxHkEtU7OU/Stla7AmEyqo/Spzl6h8Lbc5P/ysjkQuadP80SYDbtT2pMtQi+HobV5tolhecHtyJmrNm+g5QA==","shasum":"e1babb3b6a2b60612579401e929fc6566215d94b","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.2.tgz","fileCount":21,"unpackedSize":47651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZyVXCRA9TVsSAnZWagAAVg0QAIgwSSZIV2mwSSzfV1EP\nXSSIC2sI+ANGoYgnOS5BFTbP+QJ5OFIPUcoFYP/rg9no6Rgr30hTdAzPP+je\nhocJ000v5Hu/ffdNOZhbCHwJPtStylD7FqB1aVuzKsclo3xLn8wg/HNNPGx5\n5V+zEf+u58OZFozW3zCA99kQmY9yXkZEsi/41leGcVuM/riT6EHiZ4tvutmD\nThSCuYI0PAlVo9ljL/3JdQ6sZZ9bInvo8X/TZq9n5g3WOqVCRFv1kM0o4G/s\nBl557YUqdyhjMIhTIIs2Ec30B99UE6XBcLol2YkzJXc9l6z+w6bMg8uLZqf9\nBrtxgOor3lG6zie/s0pKa8k1av57ej7XWeZ3viP+tKUnTZyuN7rwtSYsdqEF\nB1SaQpa7Ohb/ekKndXIKGzs7TehoipQQpaqcy4ohwEoYYINaoXyf/QleymsT\nTUKXoJ7jSOyye5Q2StZ5GA4vOn25te5h7W8kKaydmW1e7KjsGsO3QeaxadVD\nd9lwMogmb3T4JpgL5Xcz4nkMLfoE+DKRoY+N1dY1WuXLeCAcTOTpxbQ16F0T\nMhM7apJ3EizGdCVTpScRifSAHxU5TKYO1qpQGCmAfu24LZf5xvB0X2loEavc\n55c/bHblbhhDW+e1228ww+ptgLyTv9BMrUHLwYottIc/vPNKmLYegetf/Eqb\nePn5\r\n=pn1i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw0wl6muDT5SmeuUFke2yAzn00KoacheQj4198jdVKTAIgYqzivOgEYjIwuOEeOKZyBPt7+D7sewr/J9vzeQfTOa4="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.2_1600595286992_0.5061997166856331"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.3":{"name":"vue-gtm","version":"3.0.0-alpha.3","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"build":"tsc"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <!-- <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a> -->\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // If router, you can exclude some routes name (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"44980e3c09c80a258fa1ec873dc30bf69f8693e4","_id":"vue-gtm@3.0.0-alpha.3","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-jTS93GZIzPnMTrcwFlt7bJ2E4Lxm96S/XTRJcqpp9+e3ywGVPSzJrth8hvVdpGEGGEdZwo8UBwwdJ2lW3zteYw==","shasum":"75ee88a3e1a24f27f22e58e1cd5e6511f5ebf89c","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.3.tgz","fileCount":21,"unpackedSize":47665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZyvUCRA9TVsSAnZWagAA6KMQAJJKBBDLmEOw6/vLBWDI\nbImmZS8gc8kpQME800MkkX3UGy4iCy3H1EPNeT0OXPs0g3gj1HLJFs4Oy5dj\n1/a5wQmbyyKdeK66dd+haijiVjwBIDzoK88CT2f93WY54RUVUqHoSHzY/DcI\njfw0D/hNr5MuQeHkRho9a5zNbvfLmM9M7vO29L/BLi/NoXYaG7bfdah4qWYY\nypUaJCptXE8nGE0GxCc06OV9D6QqbQxmODaKKX1KMI889taifGVP90FSy7/l\nn+D0MqExgqGk38TJG7bBq7u8jvMC/qaSmLRqkzKaWErh66kITxKM9Q4qjQYy\n5aZWPzx7MLLxFYhYEKFxQIyljMYQvRLTLw0AP6Y5PXJnMNik88t+WbAYYF+x\nex3ZZJs4QftdkTJHcGqnq7SiZB44AjDUDlG63svTw5KSpQu8TLAS7afm5niU\n6/EUORwAvCYUPO+G1sBw5C02d0haM92BN9AprTUxQi/oXlbfItusU0ude6bT\nPjo8VYvjVt0Uy0ClsA8AbYm9ryYdM0zdjuHM1KqzibSxCYHRtZJJK5YB35IT\nS1K6VLnq9dT3py9jDTqpfodHyFxqFJCcfUkH3in6Gzaq2tMgq0b4lIP7Un5K\nj/0twGtnsEyJyEApbhkONKdFvaerotkvkbV2TtcDcE2BtJWbOzLhXnhFVFGb\n0rUG\r\n=jWxq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJsOguuReMiVE5gEsIWG7++cDx9OKIj07hgq4gyMGmcAIgVCPqZxzHGjisBMUAyYMBRxckpvHpNXE1pgGxM7qLUBE="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.3_1600596948217_0.14126524521506822"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.4":{"name":"vue-gtm","version":"3.0.0-alpha.4","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write ."},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"fe44d8101aab1aff2265cfe7d5429321c89216e4","_id":"vue-gtm@3.0.0-alpha.4","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-vXyyi9tCYFTo5vVJSjZdDuGIF/BQDbpUfnRw0nf09pYAgifCOsQYCUlWt1fF2ukfpcE7yKu154UEBAmudIvSrQ==","shasum":"1cfe2d745548a0b1e54e9425c19d38792ddc2752","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.4.tgz","fileCount":18,"unpackedSize":47731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaMMBCRA9TVsSAnZWagAAwvkQAIVhMKa2jd298mWprNO+\nZCWtXDNWfW5QHQ0caXwUg1ua9dBs++wPqzNT8BxoDSbAMbkwr8Co2MzXqnrI\njL5xB8xLDasva0hItgnJphJRjNSdcKBHvNEL3brm6W5tvK1AFl1Sri3CnqUU\nrTAaUxRqqCEGEv+ubMhTYCOP4IzwpOWaQVl+PaYVitvT/iknp77yTBqcaOSs\nImaMbjy9Dlg9rN+XEo2GblgPPUuFYCv9EYrVn7Vhz6LqIAP9DiBV2IU62/qI\nDBY9uT67pH2GYNiUQyqCc35KPytQy7Qm8gh7JHnG1oG22hdl5zv+kdj0yVbw\nZV2qwQApgePDoZ83+JreDdVpP7poAQyESXFpbtqsb0ifHwVKCEKi2bPqA546\negR7a2Kyns9UDBmA68hr1OtHvkTq3bSMB7JWOaAoNtTZFbXa49NZh2ARTGT0\nu/jkcsRedN+w6eNqLoDwQu1qbz5YEottEA041GyV5r3UnlGgI53dlbHFXyJT\naZBVtAaoiHLm2AjRKqofwNoHvN8YeqjqdQ16Z6Sk0W6MN61jaxOUE1COdQOw\nYnv4XJM6naSR40PHuifB/Sv1b7VwR7CEN5lo1JO4RWMVG1QZYUqwBb2LYhe5\noHA2Z36Pk/EjXp6s5aDMfObf5FlIsu45Tb3UOrVTnlEAH2ljx5+bOaH8AMFa\nYheX\r\n=jOP5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgOVylSg0TWkgGxyfKVFOQ8x1z+VGf/AWQ4RULSu69cwIgaZICPNpYg45LZJ2H1Y5Rmm4A1RwPccoqDObqWtZdiTU="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.4_1600701185354_0.7983612892943586"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.4-vue2":{"name":"vue-gtm","version":"3.0.0-alpha.4-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write ."},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"73188330ffd5f11af03fe57732d67e379e3b9ecb","_id":"vue-gtm@3.0.0-alpha.4-vue2","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-9MjysTs/xw69sxNdLuGrM3i1BXXUW0+984el0ybICOQ0PhcxIzn2mN//HsXDb1d18pb3UeXIItdMEBNjAKRZ7Q==","shasum":"4573bb82132871ca123bdfba03ace6f4a6de62eb","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.4-vue2.tgz","fileCount":18,"unpackedSize":47811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaMRqCRA9TVsSAnZWagAA9Y8P/iZCZ3ziXUWYxa+zH+ou\nQJAOSSblW+JhLiTLK3OqTiqbrCLgsURuBFtfFh2Lz2ouLUuQXQCvEYZi9+MS\nog9ccXt4cfnkWDyBvX2cuETmubRSDbMx7KDahWW98OvQNFQZIpO4kcdJtjsF\nA+66bP7cLHkHenXxq6p2Xv9NQ/Pf49qeOZ3KMuUeJ8cHCJtLYohg61CJE7br\ntPUkc/jmtywQIHlrfZIBNc8Bo/WjcXEX7USD4WOMW5GMAvGGHdgPRu2OYqBz\nSzUPN48NZ4MkOtfdlwcw62teSrM2K4kfYIvL89oiXyrMbO8HmJzC6ZV4Lcat\n6awwe3avVbWfPBqNQJwx6XUa82xXcfEmN9lvtJtTCESiigP1W6hpxQBigTWh\nBMWajHXtuaJZrL726+uTZzegrTyr9dTmAwQGyWRHdKU6zoWFvlnZT/lZhODo\nQrtHxBLmObZ6wTlWh+HlaC+tLSd7iFsFs5b/ioDtA5YV+sJ62XH3w6C4UrJ7\ndWtdUwM20lZjGexC8OlAjen8MmdaeTKyC9mYDFXbqqo9UxoKXTOlL0YoaWhr\nVUsf5Gt2nMKWG4CGJj3Iv443G28E6kEsEM27fqLSXuqQENVh6CbMs1VWxYBG\nR1svEG9/wTLMH38JK5/UbbUJKBYpEf7aP8ocl/ybgBT7ZHz/wNwPq3fid8Ig\nPBVZ\r\n=5TdT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCe4jiIqf1QQysnmW3EYar3RA9Qd4fCpoRCXapW3axYlQIhAKopHYapZ53AyPq2zrQaNC3NaensxBaqhosrHhTY0AuI"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.4-vue2_1600701546385_0.445166067555407"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.5":{"name":"vue-gtm","version":"3.0.0-alpha.5","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write ."},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"a83a2eb7a24a9f106b80c8f52fcb606fdad05bcd","_id":"vue-gtm@3.0.0-alpha.5","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-GhT2hCN5hA3H9rwHewkt1Jye6NTxiqCcg6B7CMYWQVebybqxO1v92xfWoH1xfL0spNHWl8U57vu94QcXObTDMw==","shasum":"11208fbebce6de296109343bb51b33533074d8b4","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.5.tgz","fileCount":18,"unpackedSize":47737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaMaFCRA9TVsSAnZWagAAM+UP/1iBroXgSguHrDmmlfm/\nyeTZlxg+qoCcAMIvVRT/c+pfS03Mygp3gMBQy2JtR5PmGnmd4IoZHoIxPtpn\nb3hmZ4KQEHuqpMcwvvffhJLzYAn4Mk7K54xw9Ep5G01FRGMWelwRRoMTVmXo\ng8FdWIIVlxzgN4KOTkDiJzB8fYJIsz0Rmbe2fWavdv4VhmkY9iRWvkL1sdNe\nt4ea1d0f6OBrGH2NqDWT9lAuOrAASSkq+FH9XU6LRAaVKZUj03zmb3f3YY79\nVNbqom6bbTsMftWIfRmPP+vu5KuMHVTVY38JHZKa4WCykvpIBQjkdEMynrXq\nYqwkREKk7m5wwWoVqSNHN9hOuNb6yeOje2Y48H0xKnQTMuIALu1tazUx6cwR\nBPAJmQfByXBHYno+HJBOlEipRiQcRWWDsKIrztF6EN24nqxI1QvVC2e+/M8f\nfuSGbTSkJupFeQE4+Yc7e7eLuU/z9D46dA4Lt393Yn0wYt8hehLYCSbYpu+j\nQMAE60p3aWFpYD62RKjxHYG76VjNNBmI6CujynJrt9/SS1Dsp3GfLrVywgr6\n8h2WtAyMj4zPWMI8B2Oa9ZSTJ2LhBxiSZJSVhBh6+SGqvAzeGT0ep118htwb\nEtiFfeYXQ7WizftXInGsd3q9k4gCAfhnTzxaG9/DEhQRzuvIZAaQdBJPUENa\nuUTK\r\n=DT7m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCpcfYpfdbWijYI2gyarS9bgu6G3xSGO0DXvK3ALaF7gIgTZJ7z+8AEuUszrDprFcuCU8KeE3vnsBXLD1AvjFLJuU="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.5_1600702084640_0.2282480092468786"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.5-vue2":{"name":"vue-gtm","version":"3.0.0-alpha.5-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write ."},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport VueGtm, { VueGtmUseOptions } from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nconst app = createApp(App);\n\n// Use a variable to get JSDoc support as well as type checking\nconst vueGtmOptions: VueGtmUseOptions = {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}\n\napp.use(VueGtm, vueGtmOptions);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"769c496a6599d70ddc36c38be18348de3dc22ebc","_id":"vue-gtm@3.0.0-alpha.5-vue2","_nodeVersion":"14.11.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-3Ag/NAKPqqtPT1VbWVg9xwPYAVVRWUU94n3VJ3KuoWD8yzAMWk/9KuORvse1vBrwsUJOsUdWf3uGiMTSjotTxw==","shasum":"87030088cbf044acc8233413e7b1f0d54524c7df","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.5-vue2.tgz","fileCount":18,"unpackedSize":47817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaMbNCRA9TVsSAnZWagAA+YQP/2DL2TQtwGWF5CkyLRD8\nd1qwyeD9w1IEeKGOmPdJM+jSCeeoSVAUgidjjxeS2wvYkwDwSD7CXOynIKHm\nfWVPc/qcrhGHn09AHZDq0Fppmv7SeWa+7YIpFIlexB+r0RtaRytIWnGkZ99s\nnCIntTcx/aTzKMs9Mbchl6zrfxqF1+5VaqS9e0TPJI/dBjZqaYtAahRZnOSK\nX3dsQ+7bi16Qzt/YD0rUDM1ABcgcOTI/HurkXZT0eKNOd3ZXO87hQn4FU6SY\nVncQ1sOGEsey+YqoTmstyq9rBHVKRPEaUu1cXOoL9Hlbr5SAZvB+ePvOR5oB\nVqGxdsY6hlk6pkrlaObwG8U6gMVp/7q6QvERRIhgpSwBOCXpTYdR2B7wxX5N\nInyS6EaZIjxLYvdK3Yn5Ub5Re1RU0LjoFVJ1XTuly/Iu8ayH8JTXt466tIZR\n4QosdCDPWKjfIA8+jFZ/rebPQBhs9rncLk1nzfx6rQXBY0BaHXZkTmOav/yy\nAA8jDbLqsDce2V+YM5cTGQgzo+d94jMdjSrjnhh03Zs/nq1T7jMcJow1atC5\nTU3ayW8zkK5RBFGH+cd3bO37egWT51vfWPRjrJ6azEJsHfqpHhKGU12Wl8CM\nJOQtXKTtf2VfMI/sQnfKcqxRedT2SkQxD7gnmvgDu9CDlTfgcU7wciRtKuNW\n8xB2\r\n=k7xX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3kayYWimREXIlXFDJVsjN1Q5qsYLMdw2ij/Qvi8Un4wIhAJ785/a3EiKQsgPtkHyQZecYuB4WA+IIRLKL7RCppHQN"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.5-vue2_1600702156776_0.6447001293381087"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.6":{"name":"vue-gtm","version":"3.0.0-alpha.6","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write ."},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport { createGtm } from 'vue-gtm';\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(createGtm({\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}));\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"7801819de3da206dba9c37a761417338ae4b02aa","_id":"vue-gtm@3.0.0-alpha.6","_nodeVersion":"14.12.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-Y+SAebD+DqEwq6YjhSRtFd7y/m+1yaSHRx17KjdFVdWTDH/KsRsxuP2pBm3u0sb61cF3OPG2ByAK8A1j7bBXhA==","shasum":"eafa2fed5ca957648b5ff892df00ef0617b331ab","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.6.tgz","fileCount":10,"unpackedSize":32483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbxe1CRA9TVsSAnZWagAAfhkP/0v6FmMQGZWyYU2MFtz4\nNu61HRi36FnGqLocraw2iU7k4phyCu8T1yDY+ym7StzJM3EOuyMdoWqrYWMf\nTAMOM8QGcU9BF4tQLY2NUr9K9ArHeRjw0mqyRWiI4TdLnSOmKHLUNfdYaFFb\n8mO2l+rlkJfRtxBD68DAQ/kRTK795S7Hhei6oScP+IAbv/7Tb5sZ1r2njR1j\n/ODVHwg2JQf5GdMWsP7RbNj4JQUis/v5zexn2KA3ElgwWFbhDsfpFmNiQVMC\nOWf5MlWG+jc4icwNhk1bTCExcL8WFVtUR+DALnblOpnfEOLZlfP22/IDl5uX\nLcO0vN233iRa+vOsnMtVKYBgTBh2iOeyE+Or1GbfH+HaNmurr5ISULPQ3/jF\nHkZRl4JwFbausiIjBNThICCg1N+MvtTjvDhCrd3ZhG+V5rOjinbd7bERweEx\n4utgwyyklJMsU/HaK+bBzNCY5rrH005q9Jqt2JbgjCECaKemnwGMwNe4Gxsw\nkuHe3ZCIytugEu7nSi+FzYOcMi5cBGXnUeTlmzW06hj0AYfPz9CEBpZNiY/Z\nbWAE1tNhPV+2Lm5hBD/MgJrT1YPtYffgeCx84rYiPLie+tttzSVagHhn8/VK\nm9o68dqyh3SIdYiM7g8Gyj5+IPZhHNNtgfZ8W/eRHmpnjeJXc9Ahdqh5yke9\nmGB/\r\n=irad\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGSOOi4P2xxc5YbMbFMbI1w7RSPOlS+cKIeJOMPvS3c6AiAMURn/wpQQI0Ysdw2afqrkb+fx+6EHBzD2zgOc0spgsQ=="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.6_1601116084750_0.4820244901304278"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-alpha.7":{"name":"vue-gtm","version":"3.0.0-alpha.7","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","Vue2","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport { createGtm } from 'vue-gtm';\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(createGtm({\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}));\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"0893a23ce5f74479f3707b8dfcaae7ec891c2904","_id":"vue-gtm@3.0.0-alpha.7","_nodeVersion":"14.12.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-mlI1VntmepWzM2Ov2CwIE9kBteG5vHA+DRmqu+k5QeCChUwuLMrstdzxmimz2t2b+eHmNM/k2HNIrMq/jsNcGw==","shasum":"5d7d7258b4cb7fbb7a213ba1e0e2caa5076883cd","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-alpha.7.tgz","fileCount":18,"unpackedSize":48073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbxkNCRA9TVsSAnZWagAA5tcQAKBLVSvFI583Nzgfw0qB\nuljPMmUH8NtW9kaCVEAkVWB7Xumx9Wjzn8x/u7VD2bgrCoAgbxau9GoTFHtA\nNBOKJMcDTWDgfcVHR9idMjzm7Qihtiq2FaPOQOsnXf3ZF1jF6rbBMqltchOX\nPOzUlDmBha2EDTVSkwnDE3pyrY16dakuCg1y+TTalknkHZdcAu2pDVycZ4FT\nu+urA1/MoJTd7u6krQFeWn5UHvbDrWRePO+UGaQcHRXeOtlpf09t7+UoXGO4\njY65HtrrOkAzgCWdYMAYer3jRUgIWga01VLDS4a6RVPzLacHuCbB8TlpfDuN\nHdzWQYn69tqNZdoFek5+0kbgqxl1fEk71SWcMY7B5Qoc+BFhhMbZgkytJF+i\n9rbYVV4Xl4TtAwEjsSkXIMp9LGL+bmjFuRD7tk/DS1gaB1mPGhaYPI9qX58t\n/5G2Io+D0tveEyaqC5JslwqJ2Egrr9WBCfcKPuRJ8nfNL9UTBHW1sWSLu3tY\nYVIh7JxRqNTCz5Fn5UN+AlaLNBWCMVXx2OrnVBK4/7zibx2M+OY94/nznoE/\n+ExHcjr3ouKa31zS7/d3+KrL1WtwvWFoe5rwmebjM4tGz11iiZzqAKYDIK1X\nUc8MngxqoujD3bQ7M42H4bZgfeNvgzYCQGZVPz/5rNnXdpiNfOuVvh8ce9YB\njLq2\r\n=wyZZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDo0ur1UbgU//yGvOg04npsrgBcUuIxM6a3vVGp/kRPJAiEAqc5pH7JaXYUsMvQqVqcJ3T+cI5xnYF2SUtGNYwTLQiY="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-alpha.7_1601116429489_0.9879859973694476"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0":{"name":"vue-gtm","version":"3.0.0","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"61dbcfeaabf07b09fc781e8eecfb2a794f86e223","_id":"vue-gtm@3.0.0","_nodeVersion":"14.12.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-bgv23WFDXss7L4QFtzqLqx4leGdEH5H1WMaTULEpLTYJDkCeIVmmkw0eh9x053Y3sdicTmDYpvH9qHde54vsrQ==","shasum":"3b63f7e8f6f3ea403376e54a6df37f89427c78ec","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0.tgz","fileCount":18,"unpackedSize":48024,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcuVGCRA9TVsSAnZWagAA4TYP/21CUU6bUrw0UWBr6yXw\nPmJ/A/tEsxqvt5i7BzHVxGLFqJm0mp9BSvLw8CEqVpyrQfumh9Qt+4zey3yN\nuwWNNWUol/tqX/bIyqeDeczDYUJ7Fmo4F+/XhO15Ohv2LrqgSCJERfMTGRTF\nGJkLhDuFWhuCfvZk7njNwcGvVcgEof36kt8S4vGmDvxZgB0sH4i7wWFaqZ5Y\nK9SxScj6WrkFMbfOhnWpUzR+0UPqEL6BZdjLXpqNVqmKmCpM0O73oEIws/JO\nQvsAg/anoN4yOO9oLkbOBrdMEr1T7nG+vblJsTPdvG/FS0zokBialq6nejHb\ny7LpsGDddjJyUDzd08n62E/NkqXIgQyt97LpzlV7jQwPz09Nl7pGdxRx3jYT\n3nf3tD2Q020e6J/iUehZYzC72DPbJPQfxsn73+vGD0QD0XZQAh5WH+G4NecQ\nOE8fhv7Me08G2a66GJKFyuM1PCu9Adew9S+6aK8NNM32dvdcysz2we7jWHfm\n7DYS0Fq8xF6MiZgfE1d9bF6yos4umWNDxJuqq7XNfiZhEig3/NJY8/EWrpcF\nnWv+F8BXR9YSHLEVvtjCu3QzYHx1LmtCAekMNGt57Y79pzptOXdiT5o4EWa0\n4e0pO8mBcbC5Rtzt8QsqAGN9dlUr+7o6JVqdCnq5cmEzvUiYSa+0k0FpS+WI\nPIea\r\n=w8sm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpZTxJ6Y+ij6/GrWAl+E7fkaegGz5UqgPlSAHy39IX+gIgQjUgI8vapJ6M4oCUSEiiUw0CJ8g1dVwGtLeEHTKJ2B0="}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0_1601365317650_0.49947348461657937"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.0.0-vue2":{"name":"vue-gtm","version":"3.0.0-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.3","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport { createGtm } from 'vue-gtm';\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(createGtm({\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}));\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"d77ec067e5698046d02e88ad45e9fa57ea4b69bf","_id":"vue-gtm@3.0.0-vue2","_nodeVersion":"14.12.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-/KEcSnH6N0qgljmwCsefd2BzDciGMccQv3QFqpahRRlnzmfj3trtEGfTZppUVBlrqii666Yy1KnfI7IXdAa28w==","shasum":"cbda283eb4f4d0e22e06b8fc686ce0e1965d17d7","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.0.0-vue2.tgz","fileCount":18,"unpackedSize":47672,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcuY8CRA9TVsSAnZWagAAzuEQAIubEs5c/WzA15R+rQQK\n0mv6yK4VplYXmxem51sALB6aPs/YR2TQcwHNKhj66V+CYWarQ5cmpwzOmeG4\nIr+QyE8CuhcLH5K+laCDr5QjL5zMPHmiMgV7Rt2ffQ85BX8QEfsBk+noxa3F\ncKrw11WPhp5XCrufZ+BAihuIXViYieGyqjIzDZBtrSSVer+2oGHLMs1bfLuV\neWTtiz9m9Kvn9NHwLKteu0BUBbF9GFFCeuwjVzPPuRP6HXfNqQ8PqOuEIhWl\n/fF27P7wCFFpt+DXpoo+cQswTIzGir2B/D6jPoJdma6XAxvnS5PbM0xePxOm\nugixm8lS1AOYxdatSNDtdr0Ud/2EojxVQcf+EGCMKSZVey/ggeb25WGrJXob\nCuKWi9mCtv/Kj+6ilEoxCRKqA3EarmbP6XspancMgTXWeCh4XfbzpJKoGF/O\nJJq9xxy/1PD32UL4EOA0/58i6XHaWcPlQzfg/lDSVuDc+U8jmMN0fMSRLjxC\nkTSLiXMhyLjMU/ikbPj9f+xdVIngW6TuYJOPqoTCX2mUrwvxhkL9attC6Qn8\nmoRmZ+wFOCppvi8TY/2l8axF9CCjit/tQy7TyGAc3swkqwBmCoq4k7FyCkbd\nSGuFjFvM13gPedvhcNs9GNLzbTfVpiZeWlRGrFbd/6GKtIUG8NYAqn37PJyQ\ntM6k\r\n=5WQ8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkiN4tZB1Tbb23g1Yhrv5HLEsZGG8ihDVMMCf8rR+gFAIhAK8rtjcjUWaWhzX4Yv2e3lsmiyvr4V9IW0nUA9qJrY/X"}]},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.0.0-vue2_1601365563946_0.478650295043783"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.1.0":{"name":"vue-gtm","version":"3.1.0","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.5","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"ac12c83891581659efa74e76d19068eba406d8bb","_id":"vue-gtm@3.1.0","_nodeVersion":"15.0.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-wT+CT9fPHafYKsLKlyVVjrM9UNigGUzBWuqkPTKaR9WgnvwPwB63K1nHURYC9kdqgU3VjW9KwPqHsjGVImPCdA==","shasum":"fcfcd098e7cde4d4d6082c7141705d925348891f","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.1.0.tgz","fileCount":18,"unpackedSize":49681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfop1tCRA9TVsSAnZWagAA1fcP/iuloC9WlksRnp6dA2OD\nIwObqM7qtLOLn7nJcItdQFOknKF6Ckc5RDM5fJM5eeWJ+lKxv4QVX/yRTvgg\nHas4gBjNopfPnAhr8csyEb+IvOOFO5iZHEwjGaG0dC6VwMawTorksxjKGqSW\njs8V2ag//D9SOcb6qCsKsfLieSAORfLiVRSIaWDxTmOW8JMYWSTejsxDK/oL\n0uwP2TkJfQ6l7youKLiP5N0LFIMgpdxjzodfH8iDJLcdgydnBoYLoRsJ8RoE\nnkw0HqHgDdqIGmijChLi/1BITB26BRy47AVb4mNfkPm9KxWABhVuHcxImFws\n/wfy8mUXfRPHp9YpdvKcvkJ7eZuBOidOyhe6wkJAZ6HJRQ7Ge812dd1PcgdC\n2bcg3eu6eb5JuAfXtenVSL3UXAON4+enKLTd1wzry233c8hSJL8QORepqrUD\nWZFTFxOvGAwNTxdUFy1JsX5OPc8h8T080YjZrGg0SDZeY80w0AAQUGEH0VDf\np7tPAoTQa9q+bJ/jVITwEEXhn+f6t8JNxSvNv2iEV7+Rxl2Oy9sH6x1F8hOM\nTSakEAnuLGsSBbIefogpVKEHxOQsoe+Wo+zpI/mx1KE95wy/ZOUKWx/QwtmV\nRxjwEOWTiN8RKwzIz1F4bo6CvHbY+hBGM5AaLqsagNpFtDL8C1clgPy2Kklf\n9+8l\r\n=nVGg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjo60TnJnyQJlN1wdCI8e2nqtPGsmBlkbhVWTMEqAtJwIhAMxUuexIpHjFPhWUgEOeHT5CQtTjtVa6w/I0KR0KMHek"}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.1.0_1604492652931_0.8690438583616413"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.1.0-vue2":{"name":"vue-gtm","version":"3.1.0-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.1.2","typescript":"^4.0.5","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport { createGtm } from 'vue-gtm';\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(createGtm({\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n  compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}));\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"cd73ed466d2a4d29a3d6797899c5171e901d8f5f","_id":"vue-gtm@3.1.0-vue2","_nodeVersion":"15.0.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-n8N5jyelJaZrHiZXbCVcSnRLgJ4SmY1IfqqLSao+TBohNZ8HSHbqUqYD8HOm8QdQgDgdSoOpeW1MpoZMsSpNBA==","shasum":"a82b8451f3080f7e63e03fa011e9e162be480da6","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.1.0-vue2.tgz","fileCount":18,"unpackedSize":49329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfop5VCRA9TVsSAnZWagAA38sP+QFX+e5CKKM0Sy58D13z\n1QBVtwYeiNOJAtm34pT1YGCzfC7gbGizLdfAGiXOfbjYBZYdFIMTs3YFpqvU\nVM0GYI//qtU2BtS5WUYQYLcSFmyTmjH9Q0N/LTPrrjA0SM/RdFMlZQ2Okh6r\nAWkguI60R7pZx7F4YaT7hyADtVJGpM7zun/ESKgzPIQ/+Kl4aXm3efmnq2Q9\nw5GHzwkbMGzcnyuwwMif6Ln7cvBLE2Vyk07d7GeawAgTvau7pT4OkznU3ojl\nDMP1xeSPPcx111peaZdPNwMrr20K90qrZbNV3KT5fUls3MNfY7gKDLl+frWq\nInEkY5iqGTR2+bev0Puq7EydGhHjqnhQoU003xWcz1IYu0V7aPAdIgaBSQ0v\njwpDd/IWsGkCozGePPjyQKvqgLBNlSkICQJjNVUWcm6orIWaPr9b7Nlt6VRk\nUYV+AHixxS/o94rQ8ayKpgmun8FRFir9a3kR9tUN0Povdf/wWf2y6N4IM/1d\nU+bcxhKmcUeV7NozBXyQ5BDQty4NNWPOxE+jP3G6yyj7oL2s9to5CwO4o8wY\nB5eWgk/CYUP8YEXP8K2pxsoUk9ZKzXOeYHTkc36Q/DhZpcORNttnUUuIXGrJ\nQANLn39C/EeFNEaBX+29T40u0Pm1LdZ3gDPwC6lkg3mnAwxPctJez0K2avC7\n1eZX\r\n=A2Ci\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGYlt2Chj+MYy50FM/hA3MQekkYoqzlaoPN7XfCZVl7JAiEAjtIlsVF1aH6URN3QTo4IsnLx1Qz2DPgCMTyNKnsmtqI="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.1.0-vue2_1604492885460_0.7059788878228963"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.1.1":{"name":"vue-gtm","version":"3.1.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.2.1","typescript":"^4.1.2","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"c38e1910c20ef23d970eb76ed7fcd3b3c1467816","_id":"vue-gtm@3.1.1","_nodeVersion":"15.3.0","_npmVersion":"7.0.14","dist":{"integrity":"sha512-b2EsLpvU4wnr57NrHV9rVsVDPRGKT5k3qTegor3TFT80vmHpD6CF67N8AcGXdBjjgIPeJqEVUJ7N4YqCBmCSVQ==","shasum":"2a6a9130ca78c872a84f10073e893d7055f0a9d2","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.1.1.tgz","fileCount":18,"unpackedSize":50210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx3CjCRA9TVsSAnZWagAAtVAP+QGMVJCPXiWTYJFIdVfE\ngf+OCTge4Rh06FDf/DF/3mYD3rrH9ihamUofJ1+iCq9X+ksHUecGX77IHe5z\nx/nCGWiSJomaeEo13qCZTlFZ6AZ7M/UwKNbjM/M1nEMIT5l07f2f8HMb8l1U\ndZ0A1GDX8jTtQgwxGhXLu+I8LD86IvurfBRVKZ2i7bgt8XwGJ32snbkdvW3E\nSqWWzSLqi5FF9hg+u/QPGCxXkHSqPV5gnzlpkNJgUSFMljX3azObzxOlY+ub\nLFVHYDrsQN2Crmxp69u3xkh48GgP3d595y0LbKvlnUbn2ojoxBgI7AFEQE+T\nGU/YnjwlyhIUF5u/ZosqiJ0b6ZWEM4eENaxutQ33ig8fooGQmwWEoywHvwej\nkQoQLypK7vkXmB0QpVtXs/zd3boOa7jqSRpdB2FqnVS9r5NOcDxDCq5AaHOF\nG25M3SMqbo/qcIgWSAUtBVKXum7IMw6BMnwJzQDo51jNDjwzY9bFZkfyyKlK\n7qxrC2cbykMYaGwkhyPCya1AvfdcA1CuODHrLzS+ZMntn+H6flRsKctEEQcL\n3WRybkASGaOjldOMlIyNiL4X6SyQV2Jg3rz4tQGQfsKBMspBM89L7s2tGs65\nm7ysDOHIZ6b2M4qiUVLin0LhwRPNIOYrR5ApvbbV/5TfxBeuDqxZUVT7ygYk\nP7mo\r\n=bVx7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWlusGP4auOShxAO841fnxiUqgqDh4FCn4AFPVMrHfWwIgOoK+3RUrPCy10Ggdtg2Glq/VneKv8/cZpvBhxFhakx8="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.1.1_1606906018677_0.4313692516516736"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.1.1-vue2":{"name":"vue-gtm","version":"3.1.1-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.2.1","typescript":"^4.1.2","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from 'vue';\nimport { createGtm } from 'vue-gtm';\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(createGtm({\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n  compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n}));\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from 'vue-gtm';\nimport VueRouter from 'vue-router';\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: 'GTM-xxxxxx' or ['GTM-xxxxxx', 'GTM-yyyyyy'], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n  queryParams: { // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth:'AB7cDEf3GHIjkl-MnOP8qr',\n    gtm_preview:'env-4',\n    gtm_cookies_win:'x'\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: ['homepage'], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for you route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"50a7559dca5d2a97ad755d74705ceaf1e23710fd","_id":"vue-gtm@3.1.1-vue2","_nodeVersion":"15.3.0","_npmVersion":"7.0.14","dist":{"integrity":"sha512-t1dHGERkD22+EG8NXo4aud8HBVt5oBBTZ85uf4PNsTsiVAPID38taImNGYQ7UBPmxCtM7fv1tYwNlPRIR0WFUQ==","shasum":"56a1e1d9cadd02be77113211c8d27fca203f2516","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.1.1-vue2.tgz","fileCount":18,"unpackedSize":49858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx3FmCRA9TVsSAnZWagAAQ1oP/2QR2NBlUFriLghRyMEQ\ncRBFgtDrs6v9led6SGV8Li3IkGnSajPEFR0FGvuN1a0P/riWJfqKYCCaFRlC\nWjHfT3JW3D8XsvP0oKGUXJ53+PROIXPYVphBxcwVwi6UNkvPgONNh6IA/4/F\njqc5NU4OlWgMYDf62sS1OeX/o1pTYmeee6PllJpxehDpFvXe/8LYpIvIP3mU\nPO3NDumyXslr7K6r3+RZrCRK9PiDxfSk4K3lplgb/9Tevs2cjmTBNrZhdwca\nZ6/OFEWtuxSVrg+N10hDFMNjWp0Yanf72eU7rqhGv8Zisv8//WljF9Za7vII\nlx6v5FArlesr0+sj4TPcYQzqsjSbYI3oBOI3YL4fuywGUART4JgRMmtZholS\nt3aCnbQ7scoJcvZ2pNDgFInTrMbictnXzmlYVITjzPSji26X/JG5b19FPLpd\nZ8rvKYZsdtMSENQ54IMCXq0Y8OLwYC1r+rol9+dZ3Qn5SIEHj1WDXm4mZd18\nUJI/PfO9en1E51+IITYA5ceHrjeOLAQgstycAG7jzAiJ74nKdq4I+fUc3nYy\nCKX8f8NThMBn/j3owjh8b5EpXmm1TkxV27Owzto348zHt8wCSaWF5WtEAmvF\nHUFdbW3mxszAJpQFFgYiHYT/WA+Y+EC14osWVrvMypzDoPo/lpw5TPgJkyOR\nLxLv\r\n=Uuw5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOQmr3+nzF7GZbN7OJdzLAcoHtJ3BhyNfv+fF67UH2tAIhALL5rbMiXxhQBSB39fsNNPbHcqshaqdUdGLKICye/OhM"}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.1.1-vue2_1606906213912_0.39656566544857674"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.2.0":{"name":"vue-gtm","version":"3.2.0","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.2.1","typescript":"^4.1.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"733c79212909511a46d55577605b77929d2f985f","_id":"vue-gtm@3.2.0","_nodeVersion":"15.5.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-6qsJAVNXi0ZxwrZ1Va7ZEvx8mSWs1NkdZ3Ym24ndBx7D8d4HWHfyE4ZeG8EPAT9ktHhY+zyEcLdup1tZuxlVXA==","shasum":"f726704ec3728e0aa23f79aa2c8e9766e545beca","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.2.0.tgz","fileCount":18,"unpackedSize":51695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/APpCRA9TVsSAnZWagAA6T8QAKEoSkxIMCvyTw1pAlo7\nPzRdASxr5YH6vdopsxijtXrlYomKuabicgsJY+JLAcNpgRKdnzgDvvcUCqAo\nsEyAtWuh5sSxVetEEtBsQ9zhI0O+XsKFkMqTF7PK0W+/PxkFeIxVrNlr1v/l\nOFzShZzgKf3sa3L5yvXW29yf2lrJZ3YfjCebDLZ38U8oLHFunXI5NqzREini\nCkcxtums5T8uyKgahQHL7KRhu7yU3uQy0RG94vHxMgIfIEiDWtSYSF8fS0U/\nhLNIZAz8PaCScDlNPRgwvqHz0FSWSoWdIt59z6GyJJd0Zd/HXA7r86rdLiVD\npHEfMiCrKmaJBK2lxeeXauPO8/JfQuZibbS+r2THG4pcFGDkffHy0stGH5Wb\n9rKhs+5WGFaTaFKRWaGGijYutqR+FaJQiTmnPfEfEyZ4xo20VjiaRGn5J3FJ\nyXC7oCCxrwuPqQV+1zxdc1IOARdWITBocU66oB2QdGCXJ34VfzXqKVo58mSv\nUhFwR3LskN23Be2iNOHPPUfYCoNovbaBLGPygyIibNKm47rJiXRy5z8iABmG\nIkauDQr/2r0U1bvu8WYvOepodDpOS8wmmwAepOYoNrLyH/I495vi6K5aqVMY\nf7f9dXHjBLz/LyrH2MvpZR/8wnwl+IcnA/drS2fsRpWztJHoSP5SGUtkf0Et\nGU6e\r\n=YDj8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUEm/sbS7Yf6e5xtbSKH16Q5nwkZdyDFjz/MOs7ljjpwIgAnA+KBdE6K8hi50Ox0bHSCmLwDrlJLjD+kL533WJhbg="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.2.0_1610351592875_0.7494254274996617"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.2.1":{"name":"vue-gtm","version":"3.2.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"prettier":"2.2.1","typescript":"^4.1.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"2be0c66fd500a799035c8eadc56c71d2d4fe8268","_id":"vue-gtm@3.2.1","_nodeVersion":"15.5.1","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9AWgOQZkcW8kiFxIDeGZI9aUYZAX/nhMI2EsFLxZYgCeMNJfr/sGnBzyFybGh4iXzMJu1l+FzavdFqB717jmAg==","shasum":"ae94d9772c5a12293b81b4a49bd4ba60574b7d7c","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.2.1.tgz","fileCount":18,"unpackedSize":51845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAW5VCRA9TVsSAnZWagAAFTgQAJusbgtvzFve1z39w2kp\nHlNoAGyX0wEb3v70hpdgFLHqArEc20qiIF7ogueoH/kNQQkPKPJDJ9PRUCZF\nCc0p+k3dfVHsSL1x4Yn5GPAWoXzUvcB9eTiFaxZBPsFpR0eCy0phK7yvFj4b\nKxCYcn1p3Ooek9rrdLMQKHoHr7rAAZTlQAG73p4Xpe13OMVBeoPbzuKYiC7m\nEDuqriZ+wTeZsYo87BfMf6U6fv2K2bm2/yBAjvlKFN9wLjskk0miWt9Arvm1\njrmmGWOoQeGW2a44WFd38b01Inspel/VwrwKbspB5f96uK9tO3oqmA69jCsz\nvG+7XPyuitPrm6vKwug044OE7VV4MjNFAjHIgCEYNk7gQjTnn5Cl0cp4zOd6\nRc6sZa9sfJibLysyekEXqRjszYwQIlaCfRZ30/9qwU0I4/zcbdlYmwIz1mMS\nXP2rrjtVQLYsfkCYljuG5JetLAmd/iz7ehvmPHZ1i51LiSs6z/dxTWFMgdLl\nVlTfku6ObFlqL9Crdf+M6IU4RHs+V7W/IC/l0oDxoMnkJqmxDJ3CAquuBG1k\nxz79+PWASSrwFPWDyoBYGVDUe3C3hq/5EHXIxDSRoUcbidtjAp9b4IRgMLKE\nRPtdzxpbpGtUa2L6wpHF7RHxRukQNjUZfSzXhZzjC0K1kY24XHUGJaSJViA2\nyHou\r\n=+ier\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCp7cfZuMmS8RUfuhmYI2QKQarrEE+IKa6TK8H5ykGMHAIhANAuMbURb/vD5VjNYtxlXlTuYTkP1vQ7p4QI7YwyECdM"}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.2.1_1610706516559_0.5284235642664317"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.3.0":{"name":"vue-gtm","version":"3.3.0","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.14.0","@typescript-eslint/parser":"~4.14.0","eslint":"~7.18.0","eslint-config-prettier":"~7.2.0","eslint-plugin-prettier":"~3.3.1","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.4.4","typescript":"^4.1.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"054b0a1d15b7bdc1f149587d98f0dee32c48edf9","_id":"vue-gtm@3.3.0","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-VcupfRHu+c8BSIaKZMDC9HRaqrGv/27wEHBhmUkykQpFTwRzE8+X3woiOavd9hLbUdP3qQoxwQRtAcA5z9HHdQ==","shasum":"c6cfd532754032296d346b167148d8e93382ddbe","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.3.0.tgz","fileCount":18,"unpackedSize":56684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDunpCRA9TVsSAnZWagAAuf4P/35jpASYlz4qCsKoL3nr\nCnIH4sqD6IRCqiwUIRuNllXK1txQtsKr5LtGrmWwVj3xs8roFl3oeNzsNfw7\nRV8JM2Hr1MUoAOyqnl6jfqOzmuknqoMvHP3tQcHPZLuc6dxm21DS0RyGE3Dk\n5DFcSOofJjUQRqSL4/5X6z5JEFTNtno0laOnYOFqEOdNuQ+NkUnLDA3F8MKI\negYR9NEH9mFOclojWpgtRj8mmwnD1eSqWR2kFr4WSENCq9hFic0lwYc2AhOf\nDhQu4vdfCKTT9eQ2oaISiG7K3T/MQaxuCCB5xUz5fAJXEs6HWVcNZOu+FJsa\nr4INPv2Hfdy3/GYhKNRgZqX6rigHzafdVp0VeFbuePXblKVTr+eNU0HOZ0kk\nqap4h1dFr60ucLXsK5wbk7IBIP4VyQtDR31l0eI4yRu50Pb9jRAiEjptUpaH\ncjlV+vRcNX+qyCrGJAKi0fNL86ZRZZAbrVVOKQLnlgmjtdtOM8KCZv3DuTB7\n998oW4gukGwmjFgtx4ji/WPguEyD2vK+0jh6l/fme+mCnQeIb172tdmJ3Bb9\nA8oGRwCWcBbSSgXnTK3bOug4+8F0kRhn0ZyOKFJAKUCc9vEhMizhOmk/ZRra\n9Mh2ZH2pKQuq20IFNZuJcVL6RavubL7dqyaP4CwkJTW9hyoP7xynCxqjovjA\nj9Li\r\n=Vn72\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEoxpfcLicNnXnoRro8QOzO4tUt5Gtch1bm4h8UlQAhtAiA+2RFzPyrnzbgM6AMgdH+2Npk5O/564xWYzNY5gT/kJA=="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.3.0_1611590121285_0.8974156789548444"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.3.0-vue2":{"name":"vue-gtm","version":"3.3.0-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.14.0","@typescript-eslint/parser":"~4.14.0","eslint":"~7.18.0","eslint-config-prettier":"~7.2.0","eslint-plugin-prettier":"~3.3.1","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.4.4","typescript":"^4.1.3","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"87991386b1a5a8d0eb0b6654802397d1fdd536b8","_id":"vue-gtm@3.3.0-vue2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-5Up/IUDRfNxWrr1Z2HKLDAMV3yFzHdPLh9+lL5NzGoad68wP2g+AJZu7iuwUmtbag0qncOjUSifetxycnhGN1A==","shasum":"eed24aa38d5514f7ca52df047bc729c5f05858de","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.3.0-vue2.tgz","fileCount":18,"unpackedSize":56393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvOnCRA9TVsSAnZWagAA/UIP/iIJwyuHuWk4GerrilLl\nT38dQ9JYnnkc4iRRKQdXCadkNGZezUC3d84eHYaS9F+XtSzpMTNRknulDzMJ\nKP0mcjj/SwyZ7P5idLR+rVelA5VJ0BhCueH/uVj6ukPUObJ4JuJhSP393ap8\ndHgu0KPU4QzOICdy0ZsyyZt3GZKZzfNoX357lIcr/2KJEY5Xovm6O2B3tDvV\n523+gMqNarnXhSRvHgJDFxjvVucDvlWhpUiGhnYS15FuJcQW1Ij05FVve8Bm\n4D02awRfA+h6ivJXxzBmYZ6Z/v1xPsb50uuIOj5vyElrGD7QMip6hSC345ta\nXKJD0BNmk9yT/uo8B9Qdr/W/VHeFikcFi4Vf23RLPU1E1w2B2t5nGix8vl8P\nvAwe+w7pzAekyWp4xDILxGTZNCkgStdTgBHteHbMTak8nfgVukzFPoZ51lPc\n5S8Wu35V1JMCzdcUvij1b1pNTHNya8vjlqFCTarFVpCkFbHmrA0KNybSxR2l\nXKvsJqrN1szB6gZyb4I7lULcDF8i5Rli+A/uDEE4pPeBdE8x2XlqjFCbiHA7\nOYJMxVsPaDZeBUQUPVJUnOFCSfq2gF3zKyIYDqYXPJeT4AOQhNDpXiZ2HO+Y\ngXW7if5IbNZ3xzahnvi4/tEiOTu2p27RBzYeATFm/NKVR58D+R5Y882zVdi8\nXrXy\r\n=z4XW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQb/Ef6+FQtTqXqP8JAuu2AAmPf9aq3OpSRz1+vN7SnAIhALsd684u0pUJOgVO4lbbiRlBNrHc+q0d48ErZTFSq/lR"}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.3.0-vue2_1611592614782_0.5836020629475347"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.3.1-vue2":{"name":"vue-gtm","version":"3.3.1-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.14.0","@typescript-eslint/parser":"~4.14.0","eslint":"~7.18.0","eslint-config-prettier":"~7.2.0","eslint-plugin-prettier":"~3.3.1","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.4.4","typescript":"^4.1.3","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"e6d34de75dd8db5f5a9fa99bbf9965c8ca57623a","_id":"vue-gtm@3.3.1-vue2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-w6DgTQ5nyn9yKAFYi+wJ4PnPwZNSSLuOJTFk1Vw3BEYNO3s+QnR2EaKZNf6nEi6IVNdS5IQkBi5t6uar+4TKVQ==","shasum":"a76479382fc169fa0fee526cf945226c22efb748","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.3.1-vue2.tgz","fileCount":17,"unpackedSize":56689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvo2CRA9TVsSAnZWagAAALkP/36/MuyKFrHcdOs11DQ9\nonlVskS70M+oqzzgh04P+z4JoLNDSLg5Tp+4kny8PXwMzcwckqNxR94lJNKu\nwJk3l2swqPyO4B0+UEk+84y858N0etQFU/1370W35Og6MLKI8IzhTHoEbr6p\n2sq34VpJi6f26w6fW7DHHI9im540VydgQMjr0OU9nzLFoIbOYXwd3eC1uUAH\nU6C+JCd1ohxAP8wF5ODGscrDE3+MnvtD4us9VoehwfdYZqq6F+pe7qhrae3H\nL/fbZ9da2xqYTO0te5YDbvIdJv9dYrMLxJCpX4qE7rMXPSxrVuPR5vfLzDi5\nBe7SnLD3c26CfuAAjDUaQP9UGtmZp4Z2Gbac93O5wTRfwnyS3wXRYu10FHiI\nzOds4g132RvbPQKg1bUZ12fZPphtSo6Cnzhd0uFIfvcI9mueLaK8dt/vuGf3\n0aq0MWSfIdhVrxlEBxBZ9Pkcdgz7RBmtjzskMyWl6nW3vD4iAS1Xy5c/3mzN\nQqOw6Jia2FFfnPPHP5Rv0r1AB8fPpt8SV+JRxbXAcdWlnPq5dmvBplYXpJyu\nGfRoAcVt8yQ/phfYPxy7+dfn3FYpSfF6AU3faMA278i2BK/4FkEnxvWgGvf/\nJZdWZqwfBG3NBQ6IXspJE4jVsMymwkrWsZcQV90Aid7fBWtDB8/D+ftmyX/2\ngaC0\r\n=yJXo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA8SaBnwavUi6Z3i2jIC0QU334HfPUeyb9XSiwTCfh0ZAiEAsBg21dFKpbIfofRRPQXX/tT+hXW2FqG7j8t5+vUNark="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.3.1-vue2_1611594294128_0.06559144940068395"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.3.1":{"name":"vue-gtm","version":"3.3.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.14.0","@typescript-eslint/parser":"~4.14.0","eslint":"~7.18.0","eslint-config-prettier":"~7.2.0","eslint-plugin-prettier":"~3.3.1","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.4.4","typescript":"^4.1.3","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"70131e5c3136cfba375cb41ac00335d63c2b201a","_id":"vue-gtm@3.3.1","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-zDx1J9G/Vy5ASfOQ0+XpYhglhl6iNhDJWwHe1myd59QPXxtbC4mxeZOCkV9vBjQW5I46CUCYWWPtJHm3GDEYgA==","shasum":"67ce13efe052b263947f20abd5e39b5a0d6e7490","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.3.1.tgz","fileCount":17,"unpackedSize":56980,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvpwCRA9TVsSAnZWagAAwpQQAJ+Ks1TNgweTJ4wbHTBs\ncONa9ShhJGF0Wp8pndfmpSg5UlqD54f0xWZVHavwmSoCO9jwUY9XfpYLMULH\nnPZnmBuyWVF+J7bU1i5HYrXDGJx4qTIDg7iE66js4P6Rq0YwauEReQ6YK9ON\npkADVmtl9VKyocxjtF+mEUSAeZmT6ip+7EKSN4FJ2BEsTL0WujKf/w9TGQpc\nTcsDazGHrt/Z5zwwzIj6eUdOZn7jptaRurCkrFRwwRK2slPo92zpVsfxdr0B\ndrg5LH9vEPQdZ8TueSRYgAHKJSqd7uuqHIcrG38tEEP0wrlbb7k7neTU69tq\nsF7KcvUXKfdOL7UHXxwk0J4uQQS+TiNt2ksOJ78aXiKn8qV++3Rukbo+rpap\ndn496wvqESpgwWDQ6IIJDXs8716VlmoRe6HciSdEjgy2tICRDg/SmD6XOrDo\n3gx179jSYvNm+kvQOxwtmAxb9kicIwZAfnreHq8llN1YgzA+5n0GXhKwDSpn\n9pyBFE6/O0t1MYhTzLQqJdhp6ycs9/9i+yyTW9A45+t7Tmw2IkBeJWsqZfMQ\n787HZtB4sZ9T+MGGUrU5xlE37tKWdjPENT0k8BLOpFgZnM2vOk6NnWrsaZC1\nDo+DBL3tu2K+Y9BbapKVSAXJ7itOLTmLVq5DwVX1w0afRp4ZtX9tHDqWh6K6\nX7aE\r\n=jKGN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFAn2AZX1WGjuYI60UsOXpEmd5plSmczzXHAfVBcSIF6AiBBlEP/FzFgrPHmpMLS1ZoSN5WhHFbcSoKN6J+ULCoBEg=="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.3.1_1611594352447_0.37354721581735184"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.3.2-vue2":{"name":"vue-gtm","version":"3.3.2-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.15.0","@typescript-eslint/parser":"~4.15.0","eslint":"~7.19.0","eslint-config-prettier":"~7.2.0","eslint-plugin-prettier":"~3.3.1","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.1","typescript":"^4.1.5","vue":"^2.6.12"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"e372ad1cbb64d174e26c27537ee91d0a1cf22c18","_id":"vue-gtm@3.3.2-vue2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-UHSzrhe4vP1k0PQnBilPM7kMu/UzxLxY3z1SfDRwkNMLwWWuMhFZYaI2yWUTxB918qsD8YCUQBDwT/Gpi9tD3A==","shasum":"10c73c935b58ef04c25443f051ec85c631a764a4","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.3.2-vue2.tgz","fileCount":17,"unpackedSize":57130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJtewCRA9TVsSAnZWagAA8mUP/RWD2U45+8zWIV1klOGk\no+AEyC7LlCQ1ZCaqQUlbc9OypTxTKF5ORkfufjasCvXLJth68wwbzU5+DyKB\nNLSw92TD3ALabIQ4ZrJemZp+qwU5c08MOkHkkF5YgDF+zPzjy6+1zqFxaZtd\ne3DZ9/+PM2WUS9mQaQp62tLC/q49OFkteTzhNfBbFql7xHZGSZpVNN8C+gOv\n9INOcGpZ7bfZk7TLyH/BIeuPyCoeQZ7+7Q6EiGzAvjC2j3CU17exssyrCXhu\nbfl9NbbvfM3Yv9vESc+6zuli+prWkc5Lld14fwJs9ZgnpLfEeDiExaOD/oLd\nTkj5WMt4OS2KqnK+UrGwrFx/ZEVPiE90Oag5uq+hOpNuJSRqgpos2YZyQtYF\nHx3UqRG2Cxm+5P9c2zpc0FqCxRlGm6IDdKCZ+qQwUT7MjsLxEOVfoYUNDPb8\nlzWqRGrfxlNS1lgTs6T/AOco7Pw1/B2i2iXlh0PwI7K7NlbEFM4FehcPGIDE\n7RfiyleKcp4HjVUgslF45rFJN/Sx5IGDiRutR3sJzGua+qsEyg6i96XZRm8U\n+SKi7pcp9E1n0FyKbPNB8BK2g2ZSg1UAlzXzogqR80HsR0v2ynmeRUPPtb+k\n2m6fuyqgR1879FOsOjq/8DMvlQx8KpXlYvH+YMTdDs7idfrzHfzTf2t9aeXH\n8PX/\r\n=sGxj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICcAZC0w1qsSpjz9GDlgzxrz0cHPwalpsic55nN/ROI6AiB3eHglpAYid7aDkpew5Fh8WD+HFBz7rCNT0CC72N8oSg=="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.3.2-vue2_1613158319550_0.6927717691434794"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.3.2":{"name":"vue-gtm","version":"3.3.2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.15.0","@typescript-eslint/parser":"~4.15.0","eslint":"~7.19.0","eslint-config-prettier":"~7.2.0","eslint-plugin-prettier":"~3.3.1","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.1","typescript":"^4.1.5","vue":"^3.0.0"},"peerDependencies":{"vue":"^3.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentpath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"7f5a366725cb8a8a25f89255ec55ef9a376898a2","_id":"vue-gtm@3.3.2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-pGAJlSbJtMR/UQ8ys1o0h054qLrSKSE7JHcJRKqXjjjIyWQ9aKVnAsRVGp1ffkZQ2r/074zK2uob7YxHqZXNVg==","shasum":"d236e6be224ddf512ac9f2364acd22c7396cf25f","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.3.2.tgz","fileCount":17,"unpackedSize":57421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJtfLCRA9TVsSAnZWagAAE2UP/R0RF43l5ht6Wb3m7rjK\n1ysm1yaMo17YRBqYCvPFzw8oTQ6eSympkZgPCnRntzC1bSzExFbnj9r0IU50\nS2gKokPefClROlqS0i7HEmuANgPd3THwCVDuSyiOtb9w+F6kKHtWSmAO1Zfc\nwJ8DZQPmUnE+6u593j65WIjO2COX6nq9mmGUhwf6Ac+doo4w0LyjDKFAE1Ga\nbZ2C2Buoz1Tl00y9AzRuT8pfgH6L2b/Inp2OPYf/jeQktOokULOkxDQ8l3PS\n/PwBiEWj7HkNSAFedlc4dWoZV0z5CkRiALK2bQ0qFdnGigJi9LAEZ76fDEQ1\n1OtfVwNRaliRq7UNyT0HiA8yaGmYG7BiNXqg7tmX8YkCupKS1TKbtZlW2fEU\nT3MkDsMgCUEmzsgcaSxYfI7WegDiDjH+neCWYzSFoWH10o/mXlhyKOCiWvaG\n2apMdyNFd2QKvgZZ6s13oRgkGqFXPnAucL91wuF7w6zFYhwGK5rBZwptFdyo\ntsTZXr8WoyqFimcajMufb+FYE1+6ieA1dnUHZP3CCvi9nP40VMtuPjDatlYs\nK0dZCr7//fYNSm+ybw82VTdFJ47nSaQH4gHHstAxjz6wY/+KO+LbPQmUYBxG\nSDnBUbrcMlgtQb8HCFNhzN5iUMkEWZ7BR4L5sv1KySNLqEV0M1o8H9ExIFGA\nAtvZ\r\n=OmNe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMPCHGD75C9c9Ss+AXpBcRKcv/b1nON9gsjvRToH4bYQIgcQ8k+2CeRIqtT2vvfOhua48L5FSL/IxmL6SVJAxBjnU="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.3.2_1613158347251_0.9055857598108799"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.4.0-vue2":{"name":"vue-gtm","version":"3.4.0-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.15.0","@typescript-eslint/parser":"~4.15.0","eslint":"~7.20.0","eslint-config-prettier":"~7.2.0","eslint-plugin-jsdoc":"~32.0.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.1","typescript":"~4.1.5","vue":"^2.6.12","vue-router":"^3.5.0"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryParams: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentPath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"fe9ce9123e638b5413bae3b6ad4c667f88373781","_id":"vue-gtm@3.4.0-vue2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-Mt3U0gXbhNFuy4lAgQCk8q5omo0mHsEd8iFUZpHrQ8R2uYFqwv9BfCr45QhDiSXQFtrlDe18EjSZHmeo5R8Fqw==","shasum":"f7dde962f7e47911c904107477fcda564a6c767d","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.4.0-vue2.tgz","fileCount":17,"unpackedSize":68716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKjxlCRA9TVsSAnZWagAAQr0QAIeTFt15iHEL/AMPDNrs\nulh90uF2FfV+xoSQ03/lVgbsWbjwwxNcUHx9CWE1KXaw+Eii/R68ON7TG2v+\nhZzedapj5SVb7LxkV+xT3XPskggvpzdrQEbKmDZzeDontL+PV5Bb+kY5OYHt\nFrWZtmhhjZNmWai+zCbNiLbDWhsPKCP6uAUvq9Db7tC5QXgh8uu+MRrg7rcS\nsqJyoCol1nkT69f2zlcOiFbgOD6oFLlySQxgkcpYQobtuoJQ3cE3ksR8/MqO\n44J7jyqAuruZ20gAPujVmgXB9pUBYtMClLJIAOsD4p1n6NAhdBdu0pCq5jcq\n6HXmzpJfnH5r11zUXxIPclioeOZ3uHLbMFD6cA8+gXFDd1N78kjmR/r++HFn\nbb6TYpPGufCaMYs6uRKrUOUnBx3TiTqmb+h9GPAVBAj+IJxPGlh0LmuMq0eN\n/R0lGfoHk/fiYhhtzKdbYUCjeT5VDJkxeFFZvXAVgkWpyVd4Pi6zO/dnQCgB\nZEYqbS07av6BATWdZa9UyFOPEqcDuH02mp2r65cMdy4/yi0aiaIt1DDu5ptu\nw5KQGo1FMuYmVFi6gFnnOmQtSu468yyJr5gF1pbS+RwXvNhlMpSMiwgUZepw\nAbZ8pE1eEcNUbMUxRg85GIh3aFf1yjOes8rEvFRPAwTTly/xzeyR26r1Cr0e\nP4rI\r\n=xWSn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuIolw82KW5JVlkgNqhoHM/r3jQ7Tv48NtJDS96um7wAiEAvKlponDxI+4kHRG9m4gSduOlqljuH17hOXLejqwQr7I="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.4.0-vue2_1613380708960_0.6094441737171707"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.4.0":{"name":"vue-gtm","version":"3.4.0","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.15.0","@typescript-eslint/parser":"~4.15.0","eslint":"~7.20.0","eslint-config-prettier":"~7.2.0","eslint-plugin-jsdoc":"~32.0.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.1","typescript":"~4.1.5","vue":"^3.0.0","vue-router":"^4.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"fa0b139417b09c871ae27c629415dea06ec50a49","_id":"vue-gtm@3.4.0","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-R6bg63mrRK4qGuCbRJdehRzbzTyB9wRaSxk8BGcH1Ht/dqfyrIjqkNdfk2CeA1RiMsEN14kWhgQzK/q3sUue5g==","shasum":"d02b690afaa99ea87d5cf57fae2e3b1c3e0a81de","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.4.0.tgz","fileCount":17,"unpackedSize":74500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKjypCRA9TVsSAnZWagAA3MEQAJpN5wqL0xH1qvVg7Apc\nEQNueGu04z82lleOyQG2lsHuEZOhY36lgqNyHgO9VjN6pJHHZOe/Ejf6H98M\nMHCCfKlIcVvZad91NFeRfO0sL8ySJFFKGFt/Y7ILgCacmYsQEbUior9j4ruy\nAwMHFoPxInNahJiK/v+u88jOJfge+c0nPo1XzhHbMpzuCWirG+0iKRDCGdcK\n7Jb+7q0fxBQpn++fN/+qAlv8dnR9NIFws7EyWKM9f+kHbQStIVqxOrON9F6m\nRBtfpwiLga9NSAmcNmh7kLfwZ/3ym5zW8yBNMG9kDiJVpNpRUfiSCjlG9Btu\nspGh6ImEI4pjirww/0IdmGMwvueXWXhd6drIsWdKRsbPYRmM5r4dkkT90Wtu\nyJSZY6f5aFuLmRJFesyU3pd/KC2QVtJ9znNCn7VqQsdjhP4VGfW1gdwtBtXn\nL/Gnrp9MYM5irrZ6cpCEIA4mwNssc6Hwh372TeKfXKnlqYxPhmiXMqF5gP/X\nGbSvHa5Cw/gT/U0jZ2bWjyViyf5Z+XNQt+IZJKQciLTjjlSQR8N/mVW19112\nRiKrVgaWZdvg9ecPZx+4n6tAj7mfM/OF/hYKTFmwx8f7/h0V9yQeF1Z2NTKb\nkXginb7c8mPCseealpjSonXkfulbuGt/b4r+Q36Tq1DX3r+L8QTL3/6VvrfL\nklzb\r\n=eKQ7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBGNRFOQ7BKyT/pY4z38zayqekfzJeC5O+8MthsMFbMcAiAq/ydVeQgZf0GCCQQlNtLjpjUOLmqkYvu0YzhCa82/YQ=="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.4.0_1613380777222_0.2238248646285177"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.4.1-vue2":{"name":"vue-gtm","version":"3.4.1-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.16.1","@typescript-eslint/parser":"~4.16.1","eslint":"~7.21.0","eslint-config-prettier":"~8.1.0","eslint-plugin-jsdoc":"~32.2.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.2","typescript":"~4.2.2","vue":"^2.6.12","vue-router":"^3.5.1"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryParams: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentPath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable debug mode\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"81cf5654b5d29e9f31f2877f15225c00ebef1acc","_id":"vue-gtm@3.4.1-vue2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-8pVvW0aNnT3swRCEMJFH1xE3FPs8tw9ab39/lCReDXx7tQB/9vCgrhUq6y89rngGcB5PrfLoTs7wdWz9AcDxGg==","shasum":"f56b62858110e3e321dc98ee33ea8a9c160f3797","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.4.1-vue2.tgz","fileCount":17,"unpackedSize":69410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPqWNCRA9TVsSAnZWagAA/TQP+gMcf8gUOMfgCmVz/Gb6\nljWEp90eKJq/XQzoar+pLaKEO9qkmCPkSiWLodiOLSf6hqmMDEdg/dY6D6jA\nzw2rCT1PTVu5udIhcBBMk+x8ukIjO8eaiuFA1ojDdrnuXsy2yQJkzm3+jIbd\nh9Q+nyPvVrA5ccmrCVaZfd22jBPbFVOmtlabgcHi0i59Ip5yelnoW8RO6djb\nnmqyluSIzIHVfcAIMkvfiLm537w2xT45aVuN3pzhjHS9keJB4F7YAm8+5PAu\njbkUShEmYqEfDH4Al2j3i97PrG7jDg1qnT6asMtiTQUW5VxvXL+dYBAG+tLJ\n03sQIFgVBuYldU+/Osrnf1mL0nXoWHmlJst8kxi05DDbA07VgwtKue0Wh/lw\neOptP539IhxjevFZvBbViAalbJBYRWvm12aTYEn6SfZsuCNk1hLl0oRMSwap\ngU4TX0JxTmSp6Ew7pkNU1YP9kVmfoenUiBqJJrW9RYHXy2UwbrOHtO75+6S1\nMD0+A3xtG+gr6aZKow7hR7xSBoXH07/EjRcyTAdxF2/ZMOh1rZaRkWvspQLJ\nt0yovyNZ1wtt1m1F6UZyKKqQIXDdh0oH4j958wrG07ASgOPuaYR565S4Pfyj\nzyBHjFWhwDaysy2uEKfAA+hBAezaS4PqOdu1ZfvumTlg5W860sg7jlb1IRvJ\n6SkX\r\n=U1GY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDK+OtfRa47CI8SChpvNdSnG80V1NISLkOrfERisszIWAIhAPp+shwakGs5YtOpVBIVEwm0rVd2gbuMwyM8kLFPZT85"}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.4.1-vue2_1614718348544_0.16891685270878276"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.4.1":{"name":"vue-gtm","version":"3.4.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"yarn lint:src","lint:src":"eslint --ext .ts src","lint:test":"eslint --ext .test.ts tests","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.16.1","@typescript-eslint/parser":"~4.16.1","eslint":"~7.21.0","eslint-config-prettier":"~8.1.0","eslint-plugin-jsdoc":"~32.2.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.2","typescript":"~4.2.2","vue":"^3.0.0","vue-router":"^4.0.0"},"peerDependencies":{"vue":"^3.0.0"},"gitHead":"0a3691bc53b77d1e02de4040bec177346dc2f990","_id":"vue-gtm@3.4.1","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-ImKsIihUWY5DwVoaRlQp9pTuij4zIdzcAYbJ/mWc713dii2EhRPisHSk/MbhRmjIJ4Tf7hG71O5tnd4Wl3Hf2Q==","shasum":"eb41baf407787a6fea1b38a583d4e0da5f5e9af1","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.4.1.tgz","fileCount":17,"unpackedSize":74883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPqWrCRA9TVsSAnZWagAASdoP/An9DubJ1ShPvCcktEDg\nikZGfJlMQDCLTsj8Ulo3L6Veh2TqxUUsmp2ZZYZleN1FKfNKry6tsjpnl2HM\nr3o7FjeQ/eKhhmonP3UrneUkRTexnWoxorlR4Y9KJQuT6kImn9/cbiElwp03\nr0Oj6AEmeYz8b+/tiy2zjKZt+8CwGZjH1TMV/wgiCY3g7S3BF3UP5PdynzJk\nD+msVe2Q+nIcWA1yLRjTqqSrXX3OgaXhfcatrXfS+PCkUA9q/3WmizQyAOwN\n/qg0YttWM9iKtXncv3PuREBbVfJGty61h8Tll4/A8X0n1PYFGLVSX4zzg9kb\nQuPfNCY6KxuqD0t5iXX1MErGshFyvzkuGrp9hzymADCHmwUJjRItjVDKtHTk\nvEu42Mz34m1zXMFRkziJ2zdPcmtGwGu4MzaBoKQ80gL2cBNxgGnMLayFieHU\nTiGIIMQNihxR0lfVLKb5oO+jqLvTSqfpy+3WlXkeX8UhJLz7wX5iER+PdZ5+\n4NdTt5+3KOsqoOU0AkK0cx4jRPD584k+ukw3UgFr3rImiCUZOasfq5sBOHZS\n+bcdZ+7iGpyCWJRS2hvcwe6jClwBsrDIpOn3+l/ACVamQt//2t+rzbfwPfVC\n4UpifmOkBRqocpazZN3RCsMt3EqboseXQ3VWtwFnO8Ud3WGZQ+GZ7dUYeiGl\nTyec\r\n=ylFi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGdyyN3sVlIYHbDgZ7AWERdCYHyGukcQv6+qwkoVl1r2AiEAqWASLZ0PYrbm/EL0ODi4dnmSlA5FM2NuBRf1ttVZ2Wo="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.4.1_1614718379032_0.5556202148156129"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.4.2-issue-122.1":{"name":"vue-gtm","version":"3.4.2-issue-122.1","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"eslint .","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0","vue-router":"^4.0.0"},"devDependencies":{"@types/jest":"~26.0.20","@typescript-eslint/eslint-plugin":"~4.17.0","@typescript-eslint/parser":"~4.17.0","eslint":"~7.21.0","eslint-config-prettier":"~8.1.0","eslint-plugin-jsdoc":"~32.2.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.3","typescript":"~4.2.3","vue":"^3.0.0","vue-router":"^4.0.0"},"peerDependencies":{"vue":"^3.0.0"},"optionalDependencies":{"vue-router":"^4.0.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryParams: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentPath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable debug mode\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"52e3150f166b96d14f67e42425377e8c6b52a5f4","_id":"vue-gtm@3.4.2-issue-122.1","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-Mu5kPtUhhJ0oLT4qEmTZkthB7huaVELwQkgyNNwYaVp+WX9bJJ8wr8VY6CanNFA0ikat8qv7hRaUY7Wy79xrDg==","shasum":"85463f0ddc7894e7c2e5f6600f12800af728994d","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.4.2-issue-122.1.tgz","fileCount":17,"unpackedSize":75024,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSIToCRA9TVsSAnZWagAAdh8P/Avp3olKNR5EpZMdmbaH\ne4wJTJK6sg9mo4PqKbuvfOIm+aTRm2YD77MjsHTCQM7SL5G9djFNHEbIfFpN\n6BMqk65/1tMEc6pfnx6OhUtmNBP8RpVnQZQozTUIdWWaRTmm3tS1m8eam2gX\n1xYQlfUrZQHGoQSMNQIe6g9AO3rSZGgKz2VZ5eO48V6Z3P+1nJFJOOBGZ6gy\nfhb/ry2asM2HIAhEk7q9gUuet3fQ1MTRUIEN7P7RO8h7QBPPXdU2HRH1lM9v\n2ESyeTcZA3OzgwxDijMLRuKSo8xX6heSTibN9fJcigWVhR0N1uJXQXU3tgwl\ndcvFAal9hTf6AA+JTUDAHPj+EngKYQ2kWtC5G98z2049pca3BYJ5O1SI6Ygu\nfZrFoa//Y2TgQFF4POwSPXEOZA3+pPsAU0xRSbn91oN4aCDPlN2nhiNJW2Wd\nTQ/7Ss0f0L8u8CNcdnyOgqmaNjmmZYTPEKfTtXxPVKBEYXwgFCRlfVfKOUri\nU5Ee2y5hTe1HenmZ2F32lzrZUNzDA0hNsUsEGspHvME48Y6aY4S7IZVNjbHs\nN3Q8lgTidqM/pp9oAf3zkMWig4Hsun+Aw5eyn7wYIqEEGEbO/nxf7bduOvz+\nIsTI7M4MBMbahb2mfJ68cSp+9nhXaU7A9p/LUGJVdl4884jwF6FCHB0Ejo4M\n8ecZ\r\n=UPKU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFqoUUHBsequDC2hprivaPMkiIc4pfG+E5s89uNNyoJgAiEA9lqR2CmEvvZt5M/3cCof0gjymR7cNsc4WDHRw3yMOds="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.4.2-issue-122.1_1615365351774_0.4188597603178359"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.5.0-vue2":{"name":"vue-gtm","version":"3.5.0-vue2","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"eslint .","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0"},"devDependencies":{"@types/jest":"~26.0.21","@typescript-eslint/eslint-plugin":"~4.19.0","@typescript-eslint/parser":"~4.19.0","eslint":"~7.22.0","eslint-config-prettier":"~8.1.0","eslint-plugin-jsdoc":"~32.3.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.4","typescript":"~4.2.3","vue":"^2.6.12","vue-router":"^3.5.1"},"peerDependencies":{"vue":"^2.6.0"},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryParams: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    nonce: \"2726c7f26c\", // Will add `nonce` to the script tag\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentPath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable debug mode\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","readmeFilename":"README.md","gitHead":"73d39cf1e77dfb3ed0db02dc2ca04e1aedf5965d","_id":"vue-gtm@3.5.0-vue2","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-XuOCkRaoGQjChcY9Tn7TAziR2/ppWwwJQhC/Xh8t/DZjo6MC7QsOVTw9Wr8XDyyHAW8qR41ZnaBbo5IAi4b/Fw==","shasum":"a0ad7ba0923cd009bbd4ecf2653b961faa36b667","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.5.0-vue2.tgz","fileCount":17,"unpackedSize":70241,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWccuCRA9TVsSAnZWagAABtoP/2JuIWf9z3NyCqCFIJAd\nTp6lRcn2myFGyu224JLaXrmS4qlgSSAGF8evZU+ga2P+g/skMRp/lRSgGPu0\nWPzfKeYkIZk1ML6uFVuNj9jbkLPlMQSnUIEv3WMIjmNjuWM0B0EOPDns8kYg\nUjGVIXedhjjdlBDj3oNGgImtjaYlD5hU3W0mK06U2ZC43CXmD7KIXARsdEJl\nnRko6HVA1M8snw3V9pYC2+mtP8WBUhAIJ9lf1PbUU0zO/SEPznLV2x1YcBty\nBjxCa4PkRbAhHwPihsPxPDhlWSxTMdrnlgDC0snEtuTkN0WpxGvLx4giX7ZQ\nSgpEkJBPMllRhgIaLIjApS2zZ4egDiOvcnxNi4sdSjd2RobqWdxiCYn1vNmA\nXyHlaSaSPYnbuPKDkLVi9AiWBcGeaCeylyvTLNKkwyknFySmVj59bAEG/Q10\nta7phJZsPJIgcXMlumJLpNhSgjLgeoAEI+rLCyIu3dmRfYEC/oK1wSk/4OlO\nJYEC9xwALJjm+G+dwK4OxawKJxUqhtQnmAz+zVF/ai6pkBqmBhN9+X9b1Yri\nt4mXMWnsjygSKSxfVLOVDbstj9JzoPZV08IWf33mIblDYf1VxyhsB/dN3ZIU\nKfb+ctAFWMmau/UlL2WObw1I5bukq1Im0sBQs9ck9Hsc0bokQyltJqClohDd\nDcw1\r\n=6BC6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzfNvsjTTX8Lc0bsZESVe1CknIi+ZHoKp4H5/u+57P1AIhAL9K3oY43FyCLsmx1z+XUVyeNC/ab74pErKuYxvxDF5j"}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.5.0-vue2_1616496429741_0.9823400692701854"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"},"3.5.0":{"name":"vue-gtm","version":"3.5.0","description":"Google Tag Manager implementation in Vue application","main":"dist/index.js","author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}],"license":"Apache-2.0","homepage":"https://github.com/mib200/vue-gtm","scripts":{"clean":"rm -Rf dist yarn.lock node_modules","build":"tsc","format":"prettier --write .","lint":"eslint .","test":"jest","prepublishOnly":"yarn clean && yarn install --cache-folder .yarn && yarn build"},"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"dependencies":{"url-search-params-polyfill":"^8.1.0","vue-router":"^4.0.0"},"devDependencies":{"@types/jest":"~26.0.21","@typescript-eslint/eslint-plugin":"~4.19.0","@typescript-eslint/parser":"~4.19.0","eslint":"~7.22.0","eslint-config-prettier":"~8.1.0","eslint-plugin-jsdoc":"~32.3.0","eslint-plugin-prettier":"~3.3.1","eslint-plugin-spellcheck":"~0.0.17","jest":"~26.6.3","jest-junit":"~12.0.0","prettier":"2.2.1","prettier-plugin-organize-imports":"~1.1.1","ts-jest":"~26.5.4","typescript":"~4.2.3","vue":"^3.0.0","vue-router":"^4.0.0"},"peerDependencies":{"vue":"^3.0.0"},"optionalDependencies":{"vue-router":"^4.0.0"},"gitHead":"e10a9766c95220db3b261590b18b8641c0aa57b7","_id":"vue-gtm@3.5.0","_nodeVersion":"15.6.0","_npmVersion":"7.4.0","dist":{"integrity":"sha512-MJ0eqPm2NG1MjUJv8K3DghVzbXNONLd2rav0WbpuCfnD5r+SKyD+kxYnPo8exAg7zN+krY+swXoXKJuXtb2Acg==","shasum":"a64843cec1c39aa57f07d25e114908d65b47f0d0","tarball":"https://registry.npmjs.org/vue-gtm/-/vue-gtm-3.5.0.tgz","fileCount":17,"unpackedSize":75916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWcdzCRA9TVsSAnZWagAA6TMP+gL4/mrvu/vZw9+/6Zy4\nOpgo055Ng5jBM0MxPXrmm/ktT37v6Jexqs9w5UH/jRHFQ+6e4R1uM5n7Y89O\nlYFTSuPWvvsjXo5dukQYdojJJcc6tXn+iS4KiD1mXH0x1mh3laTbpQe3nRun\nRpB06FkuzXEB3ewqWMGWbVxexi2kqICy8cmvrdTESU1J1HiSp0AoIVsa/4nz\neggNDbwPO8RAIenPb6H+BLcBAxGgbPmxwt0j7h99kwYArJrDqlTdCjBIcUCs\nr8gljZpjIp8m+aXFFafhfy7RZbb9siUK1ehoh44Mdc7t2tlURjxRIhgdw35Z\n3XQW/MbFfpyNf8sBXlrZb1tWD4rleI6SPifbOyWSp6tZv7Ds7deVH7QSlhZs\nPhAiIDDJEpam0MmRpMIr4S9NufD3vHcNg9tTODmACBSLF+Wr6G2ZDC4n6D/1\nW7PSZz5JiOE49xiEEkOcvQyrOfUXc6apUG4gpj4JWK48ZcrB7/bzdQW7tfe6\ncFkQeg9yS5t4tWL/JX0Xc6oOfcSk1HmneI8BBik/fVZYjaddZgYpFyoQ9SAN\nDF162h2nX3934YyzyTdE9stODXyhMXdshtEH14kxONFNuuxwjCxHUfl9fOdm\nI/brdN7cJz0+b5DWP0jKYJz355YUbo3RBfCHUIgRW3RNYLm3lLjwJf/uPC9k\na9AJ\r\n=GGUq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE0ofqmaXNh8ri8K/yHD2bU1XIuZsxra2+3foK6CorK2AiARUUNidwdP/J/0uOlXETEciDgS+0omRRK3YvxGuIc5Ug=="}]},"_npmUser":{"name":"shinigami92","email":"chrissi92@hotmail.de"},"directories":{},"maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-gtm_3.5.0_1616496498871_0.9990205582443266"},"_hasShrinkwrap":false,"deprecated":"moved to @gtm-support/vue-gtm and @gtm-support/vue2-gtm"}},"readme":"<h1 align=\"center\">Vue Google Tag Manager</h1>\n\n<h4 align=\"center\">*** Maintainers & Contributors welcome ***</h4>\n\n<p align=\"center\">\n  <a href=\"https://tagmanager.google.com/\">\n    <img alt=\"Google Tag Manager\" src=\"https://www.gstatic.cn/analytics-suite/header/suite/v2/ic_tag_manager.svg\" height=\"192\">\n  </a>\n  <a href=\"https://vuejs.org/\">\n    <img alt=\"Vue.js\" src=\"https://vuejs.org/images/logo.png\" height=\"192\">\n  </a>\n</p>\n\n<h4 align=\"center\">Simple implementation of Google Tag Manager in Vue.js</h4>\n\n---\n\n<p align=\"center\">\n  <a href=\"https://github.com/mib200/vue-gtm/blob/master/LICENSE\">\n    <img alt=\"license: Apache-2.0\" src=\"https://img.shields.io/github/license/mib200/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"NPM package\" src=\"https://img.shields.io/npm/v/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/vue-gtm\">\n    <img alt=\"downloads\" src=\"https://img.shields.io/npm/dt/vue-gtm.svg?style=flat-square\">\n  </a>\n  <a href=\"#badge\">\n    <img alt=\"code style: Prettier\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\">\n  </a>\n  <a href=\"https://github.com/mib200/vue-gtm/actions?query=branch%3Amaster+workflow%3ACI\">\n    <img alt=\"Build Status\" src=\"https://github.com/mib200/vue-gtm/workflows/CI/badge.svg?branch=master\">\n  </a>\n</p>\n\nThis plugin will help you in your common GTM tasks.\n\n**Note: If you are looking to track all Vuex mutations, you can use [Vuex GTM plugin](https://gist.github.com/matt-e-king/ebdb39088c50b96bbbbe77c5bc8abb2b)**\n\n> If you want Vue 2 compatibility, please stick to the exact version [\"3.x.x-vue2\"](https://github.com/mib200/vue-gtm/issues/98#issuecomment-700806816).  \n> `\"~3.x.x-vue2\"` or `\"^3.x.x-vue2\"` will fallback to npm's `latest` tag and will not work with Vue 2 :warning:.\n\n# Requirements\n\n- **Vue.js.** >= 2.0.0\n- **Google Tag Manager account.** To send data to\n\n**Optional dependencies**\n\n- **Vue Router** >= 2.x - In order to use auto-tracking of screens\n\n# Configuration\n\n`npm install vue-gtm` or `yarn add vue-gtm` if you use [Yarn package manager](https://yarnpkg.com)\n\nHere is an example configuration:\n\n```js\nimport { createApp } from \"vue\";\nimport { createGtm } from \"vue-gtm\";\nimport router from \"./router\";\n\nconst app = createApp(App);\n\napp.use(router);\n\napp.use(\n  createGtm({\n    id: \"GTM-xxxxxx\", // Your GTM single container ID, array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryParams: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}], // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy']\n    queryParams: {\n      // Add url query string when load gtm.js with GTM ID (optional)\n      gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n      gtm_preview: \"env-4\",\n      gtm_cookies_win: \"x\",\n    },\n    defer: false, // Script can be set to `defer` to speed up page load at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible). Defaults to false, so the script is loaded `async` by default\n    compatibility: false, // Will add `async` and `defer` to the script tag to not block requests for old browsers that do not support `async`\n    nonce: \"2726c7f26c\", // Will add `nonce` to the script tag\n    enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n    debug: true, // Whether or not display console logs debugs (optional)\n    loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n    vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n    ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n    trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n  })\n);\n```\n\n<details>\n  <summary>Vue 2 example</summary>\n\n```js\nimport VueGtm from \"vue-gtm\";\nimport VueRouter from \"vue-router\";\nconst router = new VueRouter({ routes, mode, linkActiveClass });\n\nVue.use(VueGtm, {\n  id: \"GTM-xxxxxx\", // Your GTM single container ID or array of container ids ['GTM-xxxxxx', 'GTM-yyyyyy'] or array of objects [{id: 'GTM-xxxxxx', queryPararms: { gtm_auth: 'abc123', gtm_preview: 'env-4', gtm_cookies_win: 'x'}}, {id: 'GTM-yyyyyy', queryParams: {gtm_auth: 'abc234', gtm_preview: 'env-5', gtm_cookies_win: 'x'}}]\n  queryParams: {\n    // Add url query string when load gtm.js with GTM ID (optional)\n    gtm_auth: \"AB7cDEf3GHIjkl-MnOP8qr\",\n    gtm_preview: \"env-4\",\n    gtm_cookies_win: \"x\",\n  },\n  defer: false, // defaults to false. Script can be set to `defer` to increase page-load-time at the cost of less accurate results (in case visitor leaves before script is loaded, which is unlikely but possible)\n  enabled: true, // defaults to true. Plugin can be disabled by setting this to false for Ex: enabled: !!GDPR_Cookie (optional)\n  debug: true, // Whether or not display console logs debugs (optional)\n  loadScript: true, // Whether or not to load the GTM Script (Helpful if you are including GTM manually, but need the dataLayer functionality in your components) (optional)\n  vueRouter: router, // Pass the router instance to automatically sync with router (optional)\n  ignoredViews: [\"homepage\"], // Don't trigger events for specified router names (case insensitive) (optional)\n  trackOnNextTick: false, // Whether or not call trackView in Vue.nextTick\n});\n```\n\n</details>\n\nThis injects the tag manager script in the page, except when `enabled` is set to `false`.\nIn that case it will be injected when calling `this.$gtm.enable(true)` for the first time.\n\nRemember to enable the History Change Trigger for router changes to be sent through GTM.\n\n# Documentation\n\nOnce the configuration is completed, you can access vue gtm instance in your components like that:\n\n```js\nexport default {\n  name: \"MyComponent\",\n  data() {\n    return {\n      someData: false,\n    };\n  },\n  methods: {\n    onClick() {\n      this.$gtm.trackEvent({\n        event: null, // Event type [default = 'interaction'] (Optional)\n        category: \"Calculator\",\n        action: \"click\",\n        label: \"Home page SIP calculator\",\n        value: 5000,\n        noninteraction: false, // Optional\n      });\n    },\n  },\n  mounted() {\n    this.$gtm.trackView(\"MyScreenName\", \"currentPath\");\n  },\n};\n```\n\nThe passed variables are mapped with GTM data layer as follows\n\n```js\ndataLayer.push({\n  event: event || \"interaction\",\n  target: category,\n  action: action,\n  \"target-properties\": label,\n  value: value,\n  \"interaction-type\": noninteraction,\n  ...rest,\n});\n```\n\nYou can also access the instance anywhere whenever you imported `Vue` by using `Vue.gtm`. It is especially useful when you are in a store module or somewhere else than a component's scope.\n\nIt's also possible to send completely custom data to GTM with just pushing something manually to `dataLayer`:\n\n```js\nif (this.$gtm.enabled()) {\n  window.dataLayer?.push({\n    event: \"myEvent\",\n    // further parameters\n  });\n}\n```\n\n## Sync gtm with your router\n\nThanks to vue-router guards, you can automatically dispatch new screen views on router change!\nTo use this feature, you just need to inject the router instance on plugin initialization.\n\nThis feature will generate the view name according to a priority rule:\n\n- If you defined a meta field for your route named `gtm` this will take the value of this field for the view name.\n- Otherwise, if the plugin don't have a value for the `meta.gtm` it will fallback to the internal route name.\n\nMost of teh time the second case is enough, but sometimes you want to have more control on what is sent, this is where the first rule shine.\n\nExample:\n\n```js\nconst myRoute = {\n  path: \"myRoute\",\n  name: \"MyRouteName\",\n  component: SomeComponent,\n  meta: { gtm: \"MyCustomValue\" },\n};\n```\n\n> This will use `MyCustomValue` as the view name.\n\n## Using with composition API\n\nIn order to use this plugin with composition API (inside your `setup` method), you can just call the custom composable `useGtm`.\n\nExample:\n\n```vue\n<template>\n  <button @click=\"triggerEvent\">Trigger event!</button>\n</template>\n\n<script>\nimport { useGtm } from \"vue-gtm\";\n\nexport default {\n  name: \"MyCustomComponent\",\n\n  setup() {\n    const gtm = useGtm();\n\n    function triggerEvent() {\n      gtm.trackEvent({\n        event: \"event name\",\n        category: \"category\",\n        action: \"click\",\n        label: \"My custom component trigger\",\n        value: 5000,\n        noninteraction: false,\n      });\n    }\n\n    return {\n      triggerEvent,\n    };\n  },\n};\n</script>\n```\n\n## Methods\n\n### Enable plugin\n\nCheck if plugin is enabled\n\n```js\nthis.$gtm.enabled();\n```\n\nEnable plugin\n\n```js\nthis.$gtm.enable(true);\n```\n\nDisable plugin\n\n```js\nthis.$gtm.enable(false);\n```\n\n### Debug plugin\n\nCheck if plugin is in debug mode\n\n```js\nthis.$gtm.debugEnabled();\n```\n\nEnable debug mode\n\n```js\nthis.$gtm.debug(true);\n```\n\nDisable debug mode\n\n```js\nthis.$gtm.debug(false);\n```\n\n## Credits\n\n[ScreamZ vue-analytics](https://github.com/ScreamZ/vue-analytics)\n","maintainers":[{"name":"mib200","email":"mib200@gmail.com"},{"name":"shinigami92","email":"chrissi92@hotmail.de"}],"time":{"modified":"2022-06-28T19:35:19.146Z","created":"2017-01-05T16:46:55.761Z","1.0.0":"2017-01-05T16:46:55.761Z","1.0.1":"2017-05-06T01:48:04.404Z","1.0.2":"2017-06-19T07:15:04.830Z","1.0.3":"2018-08-04T11:32:56.049Z","2.0.0":"2018-09-10T07:27:52.599Z","2.1.0":"2019-08-20T10:05:01.220Z","2.2.0":"2019-08-20T10:06:37.990Z","2.3.0":"2020-05-31T04:26:48.452Z","2.3.1":"2020-06-27T09:31:30.638Z","2.3.2":"2020-08-24T20:58:35.859Z","2.3.3":"2020-08-26T05:41:40.099Z","2.3.4":"2020-08-31T14:46:10.180Z","2.4.0-typescript-beta.1":"2020-09-16T19:33:51.772Z","3.0.0-alpha.1":"2020-09-19T12:56:24.546Z","3.0.0-alpha.1-vue2":"2020-09-19T13:32:17.496Z","3.0.0-alpha.2":"2020-09-20T09:48:07.130Z","3.0.0-alpha.3":"2020-09-20T10:15:48.354Z","3.0.0-alpha.4":"2020-09-21T15:13:05.493Z","3.0.0-alpha.4-vue2":"2020-09-21T15:19:06.556Z","3.0.0-alpha.5":"2020-09-21T15:28:04.798Z","3.0.0-alpha.5-vue2":"2020-09-21T15:29:16.898Z","3.0.0-alpha.6":"2020-09-26T10:28:04.841Z","3.0.0-alpha.7":"2020-09-26T10:33:49.658Z","3.0.0":"2020-09-29T07:41:57.839Z","3.0.0-vue2":"2020-09-29T07:46:04.133Z","3.1.0":"2020-11-04T12:24:13.086Z","3.1.0-vue2":"2020-11-04T12:28:05.624Z","3.1.1":"2020-12-02T10:46:58.811Z","3.1.1-vue2":"2020-12-02T10:50:14.079Z","3.2.0":"2021-01-11T07:53:13.064Z","3.2.1":"2021-01-15T10:28:36.676Z","3.3.0":"2021-01-25T15:55:21.458Z","3.3.0-vue2":"2021-01-25T16:36:54.950Z","3.3.1-vue2":"2021-01-25T17:04:54.253Z","3.3.1":"2021-01-25T17:05:52.565Z","3.3.2-vue2":"2021-02-12T19:31:59.697Z","3.3.2":"2021-02-12T19:32:27.366Z","3.4.0-vue2":"2021-02-15T09:18:29.133Z","3.4.0":"2021-02-15T09:19:37.417Z","3.4.1-vue2":"2021-03-02T20:52:28.754Z","3.4.1":"2021-03-02T20:52:59.260Z","3.4.2-issue-122.1":"2021-03-10T08:35:51.994Z","3.5.0-vue2":"2021-03-23T10:47:09.920Z","3.5.0":"2021-03-23T10:48:19.092Z"},"homepage":"https://github.com/mib200/vue-gtm","keywords":["analytics","universal analytics","google analytics","google tag manager","vue analytics","vue tag manager","vue google tag manager","vue js google tag manager","vuejs google tag manager","vue js analytics","vue gtm","vuejs gtm","vue js gtm","vuejs","tracking","vue","google"],"repository":{"type":"git","url":"git+https://github.com/mib200/vue-gtm.git"},"author":{"name":"Manish Kumar","url":"https://github.com/mib200"},"bugs":{"url":"https://github.com/mib200/vue-gtm/issues"},"license":"Apache-2.0","readmeFilename":"README.md","contributors":[{"name":"Christopher Quadflieg","email":"chrissi92@hotmail.de","url":"https://github.com/Shinigami92"}]}