{"section":"tutorials","requestedLocale":"pt","requestedSlug":"configurar-fingerprint-para-payu","locale":"pt","slug":"configurar-fingerprint-para-payu","path":"docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu.md","branch":"main","content":"__Device Fingerprint__ é um identificador que atua no processamento de um pagamento, tendo como objetivo melhorar a análise do risco de fraude em cada transação. \n\nPor meio da coleta de dados não sensíveis, o Device Fingerprint identifica e analisa o nível de segurança do dispositivo utilizado para realizar a transação, bem como as transações que anteriormente foram realizadas com este mesmo dispositivo.\n\n> ℹ️ Cada loja deve ter somente um Device Fingerprint cadastrado. Verifique se você já efetuou o cadastro do Device Fingerprint em outro conector, antes de continuar os passos abaixo.\n\nNeste artigo, explicaremos como associar o recurso Device Fingerprint à afiliação PayU.\n\n> ℹ️ As instruções dessa etapa do artigo são realizadas em um ambiente externo. Desse modo, podem estar desatualizadas.\n\n1. Fazer login em http://www.google.com/tagmanager/ para a loja que vamos configurar;\n2. Introduzir o item etiquetas (tags) para configurar o id da sessão do device;\n3. Criar um produto de “HTML Personalizado” como se vê na imagem a seguir:\n  ![payU 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_1.png)\n5. No campo HTML da configuração, devemos colar o código HTML que chama o código para mandar a informação a PayU:\n\n```\n<script src=\"/arquivos/md5.js\"></script>\n\n<script>\n       function getCookie(cname) {\n       var name = cname + \"=\";\n       var ca = document.cookie.split(';');\n       for(var i=0; i<ca.length; i++) {\n               var c = ca[i].trim();\n               if (c.indexOf(name) == 0) return c.substring(name.length, c.length);\n       }\n       return \"\";\n   }\n   function microtime(get_as_float) {\n       var now = new Date().getTime() / 1000;\n       var s = parseInt(now, 10);\n\n       return (get_as_float) ? now : (Math.round((now - s) * 1000) / 1000) + ' ' + s;\n   }\n\n   vtexjs.checkout.getOrderForm().done(function(orderForm){ // hala el valor de userProfileId\n       var uid = getCookie('VtexIdclientAutCookie') + orderForm.userProfileId;\n       var deviceSessionId = CryptoJS.MD5(uid+microtime());\n       console.log(\"dsid: \"+deviceSessionId);\n\n       window.vtex.deviceFingerprint = deviceSessionId;\n\n       console.log(\"fingerprint: \"+window.vtex.deviceFingerprint);\n\n       document.getElementById('gtm').innerHTML = '<p>'+'<img src=\"https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configura%C3%A7%C3%B5es-de-pagamentos/configurar-fingerprint-para-payu_1.png\"+deviceSessionId+'80200\">';\n       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>';\n\n       var pol_script = document.createElement('script');\n       pol_script.type = 'text/javascript';\n       pol_script.src = 'https://maf.pagosonline.net/ws/fp/check.js?id='+deviceSessionId+'80200';\n       document.getElementById(\"gtm\").appendChild(pol_script);\n   }); // JavaScript Document\n</script>\n\n<div id=\"gtm\"></div>\n<div id=\"maf\"></div>\n```\n\n![payU 2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_2.png)\n\nDepois é preciso realizar a configuração avançada tal como consta na imagem a seguir:\n\n![payU 3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_3.png)\n\nPara configurar o evento, siga os passos abaixo:\n\n1. Entre na aba More:\n  ![payU 4](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_4.png)\n2. Crie um evento personalizado:\n  ![payU 5](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_5.png)\n3. Preencha-o da seguinte maneira:\n  ![payU 6](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_6.png)\n4. Salve o evento e posteriormente salve a etiqueta (tag):\n  ![payU 7](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_7.png)\n5. Uma vez salva a etiqueta, é necessário publicá-la:\n  ![payU 8](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_8.png)\n\nUma 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:\n\n- Acessando o painel VTEX no menu CMS >> Layout >> Files Manager >> Gerenciamento de arquivo .js >> Add.\n\n![cms js](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_9.png)\n\n__Anexo__: [md5.js](https://cdn.statically.io/gh/vtexdocs/help-center-content/files-migration-script/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/md5.js)\n\n### Validação\n\nPara 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:\n\n1. Clique com o botão direito no botão de compra\n2. Selecione Inspecionar Elemento\n3. Faça a busca da palavra MAF\n\nSe o resultado for encontrado, significa que a configuração está correta e o Fingerprint está sendo enviado corretamente, segue um exemplo:\n\n![payU 9](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/configurar-fingerprint-para-payu_10.png)"}