deniscsz/btg360-vtex

Instalação fácil do btg360 em lojas Vtex, vlws Maurício!

btg360-vtex

Instalação fácil do btg360-vtex em lojas Vtex

###Preparação para instalação

Abra os arquivos que iniciam com gc_ e altere em cada um sua google_id e google_label.

Exemplo do arquivo gc_home.js:

(function () {
  /* altere somente as linhas abaixo */
  
  var google_id = 12346546; // valor deve ser número
  var google_label = "1234ionfodij-jkd"; // valor deve ser string

  /* altere somente as linhas acima */

  var options_home = {
    id: google_id,
    label: google_label,
    params: {
      PageType: "Home"
    }
  }

  jQuery.vtex_gc(options_home);
})();

###Faça o upload

Depois das alterações, suba todos os arquivos para sua loja Vtex no admin.

###Insira a chamada dos scripts

Cada página tem seu próprio script, pois o PageType e outros parâmetros são diferentes. Instale no final de cada template.

Home:

<script type="text/javascript" src="/arquivos/vtex_gc.js"></script>
<script type="text/javascript" src="/arquivos/gc_home.js"></script>

Produto (detalhe do produto):

<script type="text/javascript" src="/arquivos/vtex_gc.js"></script>
<script type="text/javascript" src="/arquivos/gc_product.js"></script>

Departamento:

<script type="text/javascript" src="/arquivos/vtex_gc.js"></script>
<script type="text/javascript" src="/arquivos/gc_department.js"></script>

Categoria:

<script type="text/javascript" src="/arquivos/vtex_gc.js"></script>
<script type="text/javascript" src="/arquivos/gc_category.js"></script>

Checkout (carrinho), veja seção "Instalação em páginas de sistemas".

###Instalação em páginas de sistemas

Para instalar em uma página de sistema copie o código abaixo no final de seu arquivo user.js (script padrão).

Atenção: Não se esqueça de alterar o google_id e o google_label antes de subir o seu arquivo user.js.

var gc_sys = function () {

  /* altere somente as linhas abaixo */
  
  var google_id = 00000; // valor deve ser número
  var google_label = "cole aqui o código"; // valor deve ser string

  /* altere somente as linhas acima */

  var opt = {
    id: google_id,
    label: google_label
  };
  var set_opt = function (options) {
    jQuery.getScript("/arquivos/vtex_gc.js",function () {
        jQuery.vtex_gc(options);
    });
  };
  if(jQuery("body").hasClass("carrinho")) {
    jQuery.getScript("/arquivos/gc_checkout.js",function () {
        gc_checkout.init();        
    });
  } else if(jQuery("body").hasClass("login")) {
    opt.params = {
        PageType: "Login"
    }
    set_opt(opt);
  } else if(jQuery("body").hasClass("endereco-compra")) {
    opt.params = {
        PageType: "Endereço compra"
    }
    set_opt(opt);
  } else if(jQuery("body").hasClass("forma-pagamento")) {
    opt.params = {
        PageType: "Forma de pagamento"
    }
    set_opt(opt);
  } else if(jQuery("body").hasClass("finaliza-compra")) {
    opt.params = {
        PageType: "Finaliza compra"
    }
    set_opt(opt);
  }
}
jQuery(gc_sys);

Se houver algum problema me avise para eu fazer os ajustes necessários.