gtm-wap v1.0.0

GTM

Sobre

Plugin que contém métodos para impressão de datalayers do GTM.

Dependências

Não há.

Instalação

• Instale o app através do seu terminal

npm install @wapstore/gtm

• Valide se seu arquivo package.json possui a dependência

"dependencies": {
  "@wapstore/gtm": "^1.0.5"
}

Agora a loja está apta para o uso da aplicação.

Uso

O componente de GTM pode ser inserido em qualquer lugar da pasta "components" ou "pages". Neste arquivo você pode inserir todas as props e slots que o componente aceita, além de seus estilos.

Exemplo

-Este é um exemplo da aplicação no arquivo default.vue para comportamentos de GTM:

<template>
  ...
</template>
<script>
  watch: {
    dadosPageAtual (newVal, oldVal) {
      if (newVal !== oldVal) this.$gtmGetData();
    },
    user (newVal, oldVal) {
      if (newVal.nomeRazao !== oldVal.nomeRazao) {
        this.$gtmEventUserProfile(this.user);
      }
    }
  },
  mounted () {
    // Chama GTM
    if (this.dadosPageAtual) this.$gtmGetData();

    if (this.$store.state.user) {
      this.$gtmEventUserProfile(this.$store.state.user);
    }
  }
</script>
<style>
  ...
</style>

Métodos

Geral

Métodos gerais que imprimem dataLayers de itens como vitrines e banners. A recomendação é utilizar esses métodos no mounted do componente.

Página

Métodos de página são aqueles que geram os dataLayers da página atual. Um detalhe importante é que esses métodos devem ser executados no client pois adicionam os dataLayers no Window, então evite seu uso dentro de hooks como o created, asyncData ou fetch.