Configurar el device fingerprint para Braspag

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 Braspag.

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

Para insertar los scripts que Braspag/CyberSource requiere para el device fingerprint, es necesario el uso de Google Tag Manager. Para ello, inicie sesión en http://www.google.com/tagmanager y acceda a su cuenta.

Creación de variables (macros) y disparadores

Cree la variable de nombre trasactionPaymentId, tipo Variable de la capa de datos, leyendo la variable transactionPayment.id del datalayer.
Cree la variable de nombre cs_sessionId, con el tipo JavaScript personalizado y el siguiente código:


function() {  
  var transactionPaymentId = {{transactionPaymentId}}  
  return transactionPaymentId.toLowerCase();
  }

{"base64":"","img":{"src":"//images.contentful.com/alneenqid6w5/2qhm00B2d2guyeqIU4gCCc/15c42813f5a0ad04937da7aebcc2e5b2/gtm-cybersource-variavel2-javascript-3.png","width":800,"height":600,"type":"image/png"}}

Cree las variables cs_orgId y cs_merchantId con el tipo Permanente. El valor de estas dos variables deberá rellenarse con el contenido proporcionado por Braspag.

{"base64":"","img":{"src":"//images.contentful.com/alneenqid6w5/5EFSTIM6TCKUE4GEOA66kc/8c2f37cdd8cc94571f6f2ac72ec1d35b/gtm-cybersource-variavel3-permanente.png","width":800,"height":600,"type":"image/png"}}

Cree o edite un disparador para la pantalla de OrderPlaced (pantalla de compra finalizada con éxito), para que sea compatible con el evento de tipo Evento personalizado y de valor orderPlaced.

{"base64":"","img":{"src":"//images.contentful.com/alneenqid6w5/51IPOyaAjmowkEQ24sYyw4/7b11cddfb71c200dd1cd2c85149c7726/gtm-cybersource-acionador-orderplaced.png","width":800,"height":600,"type":"image/png"}}

Creación de la tag para Braspag

Cree una nueva tag, del tipo HTML personalizado.
Dé el nombre de su preferencia.

Rellene con el siguiente código HTML:


<p style="background:url(https://h.online-metrix.net/fp/clear.png?org_id={{cs_orgId}}&amp;session_id={{cs_merchantId}}{{cs_sessionId}}&amp;m=1)"></p>
<img src="https://h.online-metrix.net/fp/clear.png?org_id={{cs_orgId}}&amp;session_id={{cs_merchantId}}{{cs_sessionId}}&amp;m=2" alt="">
<object type="application/x-shockwave-flash" data="https://h.online-metrix.net/fp/fp.swf?org_id={{cs_orgId}}&amp;session_id={{cs_merchantId}}{{cs_sessionId}}" width="1" height="1"id="thm_fp">
<param name="movie" value="https://h.online-metrix.net/fp/fp.swf?org_id={{cs_orgId}}&amp;session_id={{cs_merchantId}}{{cs_sessionId}}" /><div></div></object>
<script src="https://h.online-metrix.net/fp/check.js?org_id={{cs_orgId}}&amp;session_id={{cs_merchantId}}{{cs_sessionId}}" type="text/javascript"></script>

${"base64":"","img":{"width":330,"height":250,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":28832,"url":"//images.ctfassets.net/alneenqid6w5/JTnL01Ko0DMc7Pu8Bp1CQ/f801a007a7d98773d06c741691a2e1ad/image.png_h_250_h_250"}}$

Por último, publique los cambios.