Ops! Esse email nao possui permissão para abertura de ticket. Por favor, entre em contato com o responsável pela sua loja para providenciar o acesso.

Como configurar o device finger print para Braspag-Cybersource

O primeiro passo é a criação de uma tag no GoogleTagManager, veja o guia abaixo:

      1. Faça login em http://www.google.com/tagmanager/;
      2. Entre em sua conta;

 

Criação de macros

      1. Crie uma macro para capturar o transactionId do datalayer (este parâmetro será enviado para a Cybersource);


      2. Crie a macro session_id (tem como propósito enviar o transactionId em lowercase());

 

Detalhes da macro

Nome da macro:                  session_id
Tipo de macro:                    JavaScript personalizado
Função de JavaScript:           function() { var transactionPaymentId = {{transactionPaymentId}};return transactionPaymentId.toLowerCase(); }

 

      3. Crie ou edite a regra para a tela de OrderPlaced (tela de compra finalizada com sucesso);

 

Criação da TAG para CyberSource

      1. Associe a regra de ativação com a regra criada acima;


O script contém parâmetros a serem editados a partir de dois parâmetros que Braspag envia, são eles: {org_id} e {merchantIdFingerPrint}. Veja no exemplo ao final do guia.

      2. Crie a versão;
      3. Publique.

Exemplo

Script antes da substituição de variáveis

<p style="background:url(https://h.online-metrix.net/fp/clear.png?org_id={org_id}&session_id={merchantIdFingerPrint}{{session_id}}&m=1)"></p> <img src="https://h.online-metrix.net/fp/clear.png?org_id={org_id}&session_id={merchantIdFingerPrint}{{session_id}}&m=2" alt=""> 

<object type="application/x-shockwave-flash" data="https://h.online-metrix.net/fp/fp.swf?org_id={org_id}&session_id={merchantIdFingerPrint}{{session_id}}" width="1" height="1" id="thm_fp"> <param name="movie" value="https://h.online-metrix.net/fp/fp.swf?org_id={org_id}&session_id={merchantIdFingerPrint}{{session_id}}"/> <div></div> </object>

 <script>

var script = document.createElement( 'script' );

script.type = 'text/javascript';

script.src = "https://h.online-metrix.net/fp/check.js?org_id={org_id}&session_id={merchantIdFingerPrint}{{session_id}}";

document.body.appendChild(script);

</script>

 

 

Dados de exemplo das variáveis

org_id: 1snn5n9w
merchantIdFingerPrint: braspag_vtex

Script após substituição de variáveis

<p style="background:url(https://h.online-metrix.net/fp/clear.png?org_id=1snn5n9w&session_id=braspag_vtex{{session_id}}&m=1)"></p> <img src="https://h.online-metrix.net/fp/clear.png?org_id=1snn5n9w&session_id=braspag_vtex{{session_id}}&m=2" alt="">

<object type="application/x-shockwave-flash" data="https://h.online-metrix.net/fp/fp.swf?org_id=1snn5n9w&session_id=braspag_vtex{{session_id}}" width="1" height="1" id="thm_fp"> <param name="movie" value="https://h.online-metrix.net/fp/fp.swf?org_id=1snn5n9w&session_id=braspag_vtex{{session_id}}"/> <div></div> </object>

<script>

var script = document.createElement( 'script' );

script.type = 'text/javascript';

script.src = "https://h.online-metrix.net/fp/check.js?org_id=1snn5n9w&session_id=braspag_vtex{{session_id}}";

document.body.appendChild(script);

</script>

OBS.: Para conseguir ativar o script, precisara criar uma versão e publicar no Google Tag Manager.

 



Tem mais dúvidas? Envie uma solicitação

Comentários

Quer falar com alguém?

Para questões técnicas, dúvidas de configurações, problemas com a plataforma ou sugestões

Abrir questão na Comunidade Suporte gratuito com a Comunidade VTEX (Como usar a Comunidade)
Abrir ticket Suporte pago VTEX

Para questões de Pagamentos, Boletos e Nota Fiscal

Outro tipo de questão?

Caso precise conversar sobre questões que não se encaixam nos casos anteriores ou não saiba o tipo de questão:
Fale com a VTEX

Powered by Zendesk