Configurar FingerPrint para PayU

Pagamentos

VTEX Team

VTEX Team

Última atualização

Para que o módulo de antifraude aprove os pedidos que são feitos através deste meio de pagamento, é necessário enviar a informação do equipamento em que se está comprando, e isto se faz por meio de configuração na VTEX:

  1. Fazer login em http://www.google.com/tagmanager/ para a loja que vamos configurar;
  2. Introduzir o item etiquetas (tags) para configurar o id da sessão do device;
  3. Criar um produto de “HTML Personalizado” como se vê na imagem a seguir:payU 1
  4. No campo HTML da configuração, devemos colar o código HTML que chama o código para mandar a informação a PayU:
<script src="/arquivos/md5.js"></script>

<script>
       function getCookie(cname) {
       var name = cname + "=";
       var ca = document.cookie.split(';');
       for(var i=0; i<ca.length; i++) {
               var c = ca[i].trim();
               if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
       }
       return "";
   }
   function microtime(get_as_float) {
       var now = new Date().getTime() / 1000;
       var s = parseInt(now, 10);

       return (get_as_float) ? now : (Math.round((now - s) * 1000) / 1000) + ' ' + s;
   }

   vtexjs.checkout.getOrderForm().done(function(orderForm){ // hala el valor de userProfileId
       var uid = getCookie('VtexIdclientAutCookie') + orderForm.userProfileId;
       var deviceSessionId = CryptoJS.MD5(uid+microtime());
       console.log("dsid: "+deviceSessionId);

       window.vtex.deviceFingerprint = deviceSessionId;

       console.log("fingerprint: "+window.vtex.deviceFingerprint);

       document.getElementById('gtm').innerHTML = '<p style="background:url(https://maf.pagosonline.net/ws/fp?id='+deviceSessionId+'80200)"></p>'+'<img src="https://maf.pagosonline.net/ws/fp/clear.png?id='+deviceSessionId+'80200">';
       document.getElementById('maf').innerHTML = '<object type="application/x-shockwave-flash" data="https://maf.pagosonline.net/ws/fp/fp.swf?id='+deviceSessionId+'80200" width="1" height="1" id="thm_fp"><param name="movie" value="https://maf.pagosonline.net/ws/fp/fp.swf?id='+deviceSessionId+'80200" /></object>';

       var pol_script = document.createElement('script');
       pol_script.type = 'text/javascript';
       pol_script.src = 'https://maf.pagosonline.net/ws/fp/check.js?id='+deviceSessionId+'80200';
       document.getElementById("gtm").appendChild(pol_script);
   }); // JavaScript Document
</script>

<div id="gtm"></div>
<div id="maf"></div>

payU 2

Depois é preciso realizar a configuração avançada tal como consta na imagem a seguir:payU 3

Para configurar o evento, siga os passos abaixo:

  1. Entre na aba More:payU 4
  2. Crie um evento personalizado:payU 5
  3. Preencha-o da seguinte maneira:payU 6
  4. Salve o evento e posteriormente salve a etiqueta (tag):payU 7
  5. Uma vez salva a etiqueta, é necessário publicá-la:payU 8

Uma vez que já configuramos a etiqueta, temos que salvar o JS chamado a partir do código. Este é salvo dentro do gestor de arquivo da VTEX. Para fazer isso é necessário seguir os seguintes passos:

  1. Entre na seguinte URL: nombredesutienda.vtexcommercestable.com.br/admin/a;
  2. Entre em gerenciamento de arquivos JS;
  3. Aqui, devemos adicionar o arquivo JS chamado a partir do HTML. Este arquivo deve ser proporcionado pelo consultor de VTEX.

Anexo: md5.js

Validação

Para fazer a validação, é necessário entrar na loja, fazer todo o processo de compra. Assim que chegarmos em forma de pagamento, validamos que o JS está sendo executando:

  1. Clique com o botão direito no botão de compra
  2. Selecione Inspecionar Elemento
  3. Faça a busca da palavra MAF

Se o resultado for encontrado, significa que a configuração está correta e o Fingerprint está sendo enviado corretamente, segue um exemplo: payU 9


Este artigo foi útil?