Skip to content

Implementação do Google Tag Manager no react, utilizando factory

Notifications You must be signed in to change notification settings

ploand/implementacao_tag_manager_react

Repository files navigation

Implementação do Google Tag Manager com React JS

  • Utilizado o design pattern adapter
  • De acordo com o modelo de implementação do google tag manager, em vários locais da aplicação devem ser implementados data layers diferentes e por isso foi decido por usar o pattern de adapter
  • importações utilizam a pasta "google_tag_manager"

Exemplo de utilização:

import React from 'react';
import ReactDOM from 'react-dom';
import Router from 'react-router';
import routes from './routes';

import GTMDataLayerAdapter from "./../google_tag_manager/GTMDataLayerAdapter";
import GTMLoginUsuario from "./../google_tag_manager/GTMLoginUsuario";

const ObjetoDataLayer = new GTMDataLayerAdapter(
  new GTMLoginUsuario(
    "userXPTO",
    "tipoXYZ",
    "login através do Facebook"
  )
);
ObjetoDataLayer.send();

const app = document.getElementById('app');
ReactDOM.render(, app);

About

Implementação do Google Tag Manager no react, utilizando factory

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published