{"section":"tutorials","requestedLocale":"es","requestedSlug":"configurar-device-fingerprint-para-niubiz","locale":"es","slug":"configurar-device-fingerprint-para-niubiz","path":"docs/es/tutorials/pagos/configuración-de-pagos/configurar-device-fingerprint-para-niubiz.md","branch":"main","content":"__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. \n\nMediante 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.\n\n> ℹ️ 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.\n\nEn este artículo, explicaremos cómo asociar Device Fingerprint con la afiliación Niubiz.  \n\nPara ello, es necesario generar un identificador a través de [Google Tag Manager](https://marketingplatform.google.com/about/tag-manager/) y luego asociarlo a la afiliación a través del Admin.\n\n### Crear el identificador\n\n> ℹ️ Las instrucciones para esta etapa del artículo se realizan en un ambiente externo. Por lo tanto, pueden estar desactualizadas.\n\nEn primer lugar, tendrá que crear el identificador.\n\nDicho esto, consulte las instrucciones:\n\n1. Inicie sesión en su __cuenta__ de __Google Tag Manager__.\n2. En el menú de inicio, haga clic en __la pestaña \"Tags\"__.\n3. Luego, seleccione la __opción \"Configuración de la etiqueta\"__.\n4. En tipos de etiquetas, seleccione la __opción \"HTML Personalizado\"__.\n5. Rellene el campo con el siguiente __código javascript__.\n    ```    \n    <script>\n    window.vtex.deviceFingerprint = getuuid() ;\n    console.log('fingerprint: '+window.vtex.deviceFingerprint);\n    initDFP(window.vtex.deviceFingerprint);\n    var localSessionId = null;\n    function doProfile(orgId, sessionId, hostname){\n    console.log('Starting profile using ' + hostname + ' for orgId ' + orgId + ' with sessionId ' + sessionId + ' on ' + Math.floor(Date.now() / 1000));\n    var head = document.getElementsByTagName(\"head\").item(0);\n    var url = \"https://\" + hostname + \"/tags.js?org_id=\" + orgId + \"&session_id=\" + sessionId + \"&page_id=1&allow_reprofile=1\";\n    console.log(url);\n    var script = document.createElement(\"script\");\n    script.setAttribute(\"type\", \"text/javascript\");\n    script.setAttribute(\"src\", url);\n    head.appendChild(script); console.log('Profile should have started...');\n    body = document.getElementsByTagName(\"body\").item(0);\n    noscript = document.createElement(\"noscript\");\n    iframe = document.createElement(\"iframe\");\n    iframe.setAttribute(\"style\", \"width: 100px; height: 100px; border: 0; position:absolute; top: -5000px;\");\n    iframe.setAttribute(\"src\", url);\n    noscript.appendChild(iframe);\n    body.insertBefore(noscript, body.childNodes[0]);\n    }\n    function initDFP(sessionId) {\n    localSessionId = sessionId;\n    console.log('Init profiling ', Math.floor(Date.now() / 1000))\n    var timeout = 3000;\n    var sasOrgId = \"507f9ifk\";\n    var csOrgId = \"1snn5n9w\";\n    var merchantId = \"vndp\";\n    var hostname = \"h.online-metrix.net/fp\"; \n    doProfile(sasOrgId, sessionId, \"m.vnforapps.com\");\n    setTimeout(startOnTimer(sessionId) , timeout); }\n    function startOnTimer(sessionId) {\n    var csOrgId = \"1snn5n9w\";\n    var merchantId = \"vndp\";\n    var hostname = \"h.online-metrix.net/fp\";\n    doProfile(csOrgId, merchantId + sessionId, hostname); }\n    function getuuid() {\n    var dt=new Date().getTime();\n    var uuid='xxxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g,function(c){\n          var r = (dt + Math.random()*16)%16 | 0;\n      dt = Math.floor(dt/16);\n      return (c=='x' ? r : (r&0x3|0x8)).toString(16);\n      });\n    return uuid;\n    }\n    function tmx_profiling_complete(sessionId) {\n      console.log('Finished ', sessionId, '-', Math.floor(Date.now() / 1000));\n    }\n    </script>\n    ```\n6. En la sección __\"Configuración avanzada\"__, deje los __valores en vacíos__.\n7. Haga clic en __Activadores__.\n8. Seleccione la __opción \"Evento personalizado\"__.\n9. Rellene el campo __\"Nombre del evento\" con el__ __valor \".*\"__.\n10. Haga clic en la __casilla de selección \"Utilizar una expresión regular que coincida con\"__.\n11. En \"Este activador se activa en\", haga clic en la opción __\"Algunos eventos personalizados\"__.\n12. G__uarde__ los ajustes y publíquelos.\n\nDe esta forma, Google Tag Manager creará el identificador. \n\n> ⚠️ Anote el ID en un lugar donde no lo vaya a perder.\n\n###  Configuración en el Admin de VTEX \n\nAhora que usted tiene en manos el ID, deberá asociarlo a la afiliación Niubiz en el Admin.\n\nRealice el siguiente procedimiento:\n\n1. En el Admin VTEX, accede a **configuración de la tienda > Storefront > Checkout**, o escribe **Checkout** en la barra de búsqueda en la parte superior de la página.\n3. En el recuadro de configuración \"Default\", haga clic en el __botón de engranaje azul__.\n4. En la parte superior de la página, haga clic en la __pestaña \"Checkout\"__.\n5. Rellene el campo \"Google Tag Manager\" con el __ID recién generado__.\n6. Haga clic en el __botón azul \"Guardar\"__."}