{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-configurar-o-device-fingerprint-para-a-stelo","locale":"pt","slug":"como-configurar-o-device-fingerprint-para-a-stelo","path":"docs/pt/tutorials/pagamentos/configurações-de-pagamentos/como-configurar-o-device-fingerprint-para-a-stelo.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 Stelo.\n\n> ℹ️ As instruções dessa etapa do artigo são realizadas em um ambiente externo. Desse modo, podem estar desatualizadas.\n\nPara inserir os scripts que a Stelo exige para o device fingerprint, é necessário usar o Google Tag Manager. Para isso, faça login na sua conta em [http://www.google.com/tagmanager](http://www.google.com/tagmanager). Depois, siga os passos abaixo:\n\n1. No menu inicial do Google Tag Manager, clique em **Nova tag**\n2. Selecione **Configuração da tag** e escolha o tipo **HTML personalizado**.![Tela1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/como-configurar-o-device-fingerprint-para-a-stelo_1.jpg)\n\nEntão insira o script abaixo:\n\n```\n<iframe id=\"iframeCyber\" src=\"https://carteirac1.hml.stelo.com.br/transaction/transfer?idUnico={{deviceId}}\" width=\"0\" marginwidth=\"0\" height=\"0\" marginheight=\"0\" frameborder=\"0\">\n</iframe>\n<script> \n$(document).ready(function(){\nvar src = document.getElementById(\"iframeCyber\").src;\nregex = /=(.*)$/;\nvar match = regex.exec(src);\nwindow.vtex.deviceFingerprint = match[1];\n}); \n</script>\n```\n\nDepois, siga os passos abaixo:\n\n1. Clique em **Acionamento**, Novo acionador (símbolo de **+** no canto superior direito) e em **Configuração do acionador.**![Tela2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/como-configurar-o-device-fingerprint-para-a-stelo_2.jpg)\n2. Escolha o tipo **Evento personalizado** e insira o nome **payment**;\n3. Selecione a flag **Alguns eventos personalizados**;\n4. Nas duas primeiras caixas abaixo, selecione: **Event** e **é igual a**. Na terceira, escreva **payment**.![Tela3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/como-configurar-o-device-fingerprint-para-a-stelo_3.jpg)\n5. Salve o acionador e a tag;\n6. No menu lateral, clique na opção **Variáveis** e depois em **Nova**;\n7. Clique em **Configuração da variável** e escolha o tipo **JavaScript personalizado**;![Tela4](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/como-configurar-o-device-fingerprint-para-a-stelo_4.jpg)\n\nPor fim, insira o script abaixo:\n\n```\nfunction guid() {\n     function s4() {\n          return Math.floor((1 + Math.random()) * 0x10000)\n          .toString(16)\n          .substring(1);\n   }\n     return s4() + s4() + s4();\n}\n```\n\nFinalmente, salve a variável e clique em **Publicar** para que as alterações tenham efeito."}