Configurar o device fingerprint para Braspag/CyberSource

Pagamentos

VTEX Team

VTEX Team

Última atualização
As configurações documentadas neste artigo são realizadas em um ambiente externo à VTEX. Portanto, podem estar desatualizadas.

Para inserir os scripts que a Braspag/CyberSource exige para o device fingerprint, é necessário o uso do Google Tag Manager. Para isso, faça login em http://www.google.com/tagmanager e entre em sua conta.

Criação de variáveis (macros) e acionador

  • Crie a variável de nome trasactionPaymentId, tipo Variável da camada de dados, lendo a variável transactionPayment.id do datalayer.
  • Crie a variável de nome cs_sessionId, com o tipo JavaScript personalizado e o seguinte código:
function() {  
  var transactionPaymentId = {{transactionPaymentId}}  
  return transactionPaymentId.toLowerCase();
  }

  • Crie as variáveis cs_orgId e cs_merchantId com o tipo Permanente. O valor dessas duas variáveis deverá ser preenchido com o conteúdo fornecido pela Braspag.

gtm-cybersource-variavel3-permanente

  • Crie ou edite um acionador para a tela de OrderPlaced (tela de compra finalizada com sucesso), para que seja compatível com o evento de tipo Evento personalizado e de valor orderPlaced.

gtm-cybersource-acionador-orderplaced

Criação da tag para CyberSource

  • Crie uma nova tag, do tipo HTML personalizado.
  • Dê o nome de sua preferência.

Preencha com o seguinte 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>

gtm-cybersource-tag2

Por fim, publique as alterações.


Este artigo foi útil?