Configurar funil

Para que o funil de vendas de uma loja possa contabilizar de maneira correta é necessário realizar alguns ajustes e no GA da loja, caso contrário o mesmo irá contabilizar apenas o carrinho, como abaixo:

• Dentro do GA, no painel de metas realizamos as configurações das etapas em Configuração da meta: Personalizado

• Descrição da meta:
  • Nome: Definir um nome para a meta
  • Tipo: Destino

• Detalhes da meta:
  • Destino;
  • Começa com: /obrigado;
  • Diferenciar maiúsculas de minúsculas: desativado;
  • Valor: Desativado;
  • Funil: Ativado;
  • Etapas:
    1 – Carrinho: /carrinho
    2 – Login: /checkout/easy/identificação
    3 – Entrega: /checkout/easy/entrega
    4 – Pagamento: /checkout/easy/pagamento
  • Obrigatória: Não.

• O segundo passo é configurar os ajustes no Commerce

• O GA precisa identificar as URLs de acesso, entretanto o checkout é easy e a base da URL se mantém em todas as etapas, apenas altera o final incluindo um sustenido e o nome da etapa, conforme abaixo:
  • ** loja.com.br/checkout/easy#signin
  • loja.com.br/checkout /easy#delivery
  • loja.com.br/checkout /easy#payment**

• Porém, o GA não consegue identificar o sustenido, por isso precisamos tratar essas URLs através de um Script

• O arquivo deve ser criado no gerenciador de arquivos da seguinte forma: /Shared/Scripts/checkout.js
  • Após a criação do arquivo deve-se relacionar o mesmo ao checkout
  • Acessar Aparência > Configurar recursos
  • Localizar nas rotas Checkout > Checkout

• Após abrir a rota adicionar um novo recurso clicando em Adicionar Recurso
  • Recurso:
  • Nome: Definir um nome para o recurso
  • Tipo: Script JS
  • Caminho: Selecionar o Script criado anteriormente.

• Após criar o recurso, atrelar o mesmo ao checkout e salvar

• Segue abaixo o código a ser inserido no script 

$(function() {
    ko.postbox.subscribe('checkout/payment/submit',function(response){
        if(response.Response.IsValid){
            ezga('tracker1.set', 'page', '/obrigado');
            ezga('tracker1.send', 'pageview');
           
            ezga('tracker2.set', 'page', '/obrigado');
            ezga('tracker2.send', 'pageview');
        }
    });   
   
   
    var pageType;
    var setPageView = function() {
        pageType = (location.hash || '').replace('#','');
       
        switch(pageType){
            case 'signin':
                ezga('tracker1.set', 'page', '/checkout/easy/identificacao');
                ezga('tracker1.send', 'pageview');
               
                ezga('tracker2.set', 'page', '/checkout/easy/identificacao');
                ezga('tracker2.send', 'pageview');
                break;
               
            case 'signup':
                ezga('tracker1.set', 'page', '/checkout/easy/cadastro');
                ezga('tracker1.send', 'pageview');
               
                ezga('tracker2.set', 'page', '/checkout/easy/cadastro');
                ezga('tracker2.send', 'pageview');
                break;
               
            case 'delivery':
                ezga('tracker1.set', 'page', '/checkout/easy/entrega');
                ezga('tracker1.send', 'pageview');
               
                ezga('tracker2.set', 'page', '/checkout/easy/entrega');
                ezga('tracker2.send', 'pageview');
                break;
               
            case 'payment':
                ezga('tracker1.set', 'page', '/checkout/easy/pagamento');
                ezga('tracker1.send', 'pageview');
               
                ezga('tracker2.set', 'page', '/checkout/easy/pagamento');
                ezga('tracker2.send', 'pageview');
                break;
               
            case 'confirmation' :
                ezga('tracker1.set', 'page', '/checkout/easy/confirmacao');
                ezga('tracker1.send', 'pageview');
               
                ezga('tracker2.set', 'page', '/checkout/easy/confirmacao');
                ezga('tracker2.send', 'pageview');
                break;
        }
    };

    $(window).on('hashchange', function(){
        setPageView();
    });
   
    setPageView();
});