Configurar el device fingerprint para Stelo

Configuración de Pagos

Device Fingerprint es un identificador que actúa en el procesamiento de un pago, con el objetivo de mejorar el análisis del riesgo de fraude en cada transacción.

Mediante la recolección de datos no sensibles, Device Fingerprint identifica y analiza el nivel de seguridad del dispositivo utilizado para realizar la transacción, así como las transacciones que se realizaron previamente con este mismo dispositivo.

Cada tienda debe tener solo un registro de Device fingerprint. Verifique si ya ha registrado el Device Fingerprint en otro conector, antes de continuar con los pasos siguientes.

En este artículo, explicaremos cómo asociar Device Fingerprint con la afiliación Stelo.

Las configuraciones documentadas en este artículo se realizan en un ambiente exterior a VTEX. Por lo tanto, pueden estar desactualizadas.

Para insertar los scripts que exige Stelo al device fingerprint, es necessário usar el Google Tag Manager. Para ello, haga login en su cuenta en http://www.google.com/tagmanager. Después, siga los pasos a continuación:

En el menú inicial del Google Tag Manager, haga clic en Nova tag;
Seleccione ** Configuração da tag ** y elija el tipo HTML personalizado.
${"base64":" ","img":{"width":1920,"height":974,"type":"jpg","mime":"image/jpeg","wUnits":"px","hUnits":"px","orientation":1,"length":390275,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Payments/Payment%20Settings/como-configurar-el-device-fingerprint-para-stelo_1.jpg"}}$
;

Entonces, inserte el script a continuació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">
</iframe>
<script> 
$(document).ready(function(){
var src = document.getElementById("iframeCyber").src;
regex = /=(.*)$/;
var match = regex.exec(src);
window.vtex.deviceFingerprint = match[1];
}); 
</script>

Después, siga los pasos a continuación:

Haga clic en Acionamento, Novo acionador (símbolo de + en la esquina superior derecha) y en ** Configuração do acionador.**
${"base64":" ","img":{"width":1920,"height":975,"type":"jpg","mime":"image/jpeg","wUnits":"px","hUnits":"px","orientation":1,"length":364047,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Payments/Payment%20Settings/como-configurar-el-device-fingerprint-para-stelo_2.jpg"}}$
;
Elija el tipo Evento personalizado e inserte el nombre payment;
Seleccione la flag Alguns eventos personalizados;
En las dos primeras cajas abajo, seleccione: Event y é igual a. En la tercera, escriba payment.
${"base64":" ","img":{"width":1920,"height":976,"type":"jpg","mime":"image/jpeg","wUnits":"px","hUnits":"px","orientation":1,"length":304381,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Payments/Payment%20Settings/como-configurar-el-device-fingerprint-para-stelo_3.jpg"}}$
Guarde el accionador y la tag;
En el menú lateral, haga clic en la opción Variables y después en Nueva;
Haga clic en Configuração da variável y elija el tipo JavaScript personalizado;
${"base64":" ","img":{"width":1920,"height":976,"type":"jpg","mime":"image/jpeg","wUnits":"px","hUnits":"px","orientation":1,"length":445581,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Payments/Payment%20Settings/como-configurar-el-device-fingerprint-para-stelo_4.jpg"}}$

Finalmente, inserte el script a continuación:


function guid() {
   function s4() {
     return Math.floor((1 + Math.random()) * 0x10000)
    .toString(16)
    .substring(1);
  }
   return s4() + s4() + s4();
}

Finalmente, guarde la variable y haga clic en Publicar para que se vuelvan efectivas las modificaciones.