Quasar App Extension Analytics

Extensão para adicionar o google tag manager utilizando @gtm-support/vue-gtm. Esta extensão funciona tanto para quasar v1 quanto quasar v2.

Instalação

quasar ext add @bildvitta/analytics

Requisitos

  • Quasar v1 ou Quasar v2 (ambos com webpack).
  • Conta no Google Tag Manager para enviar os dados.

Após a instalação, vai ser criado um arquivo analytics.config.js, nele vai vir as seguintes informações:

/**
 * Se estiver utilizando esta extensão com quasar v2:
 * https://github.com/gtm-support/vue-gtm/tree/main
 *
 * Caso esteja utilizando esta extensão com quasar v1:
 * https://github.com/gtm-support/vue-gtm/tree/vue2-gtm
 *
 * OBS: A configuração do "vueRouter: router" já é feita automaticamente pela extensão.
 */
module.exports = {
  id: process.env.ANALYTICS_KEY
}

É neste arquivo que conseguiremos passar as configurações para a biblioteca do @gtm-support/vue-gtm.

IMPORTANTE: Se estiver utilizando o Quasar v2, você precisa adicionar a variável de ambiente ANALYTICS_KEY dentro de quasar.config.js (https://quasar.dev/quasar-cli-vite/handling-process-env), senão vai ser disparada uma exceção na aplicação fazendo com que ela pare de funcionar.

Obs: a variável global this.$gtmestá disponível na aplicação da mesma forma como se estivesse instalado @gtm-support/vue-gtm manualmente.

Compatibilidade

  • Quasar v1 Webpack
  • Quasar v2 Webpack
  • Quasar v2 Vite

Desinstalação

quasar ext remove @bildvitta/analytics

Doar

Se você aprecia o trabalho realizado nesta extensão de aplicativo, considere doar para o Quasar.

GitHub

View Github