postMessage + Nimble¶

O Nimble dispara eventos que podem ser ouvidos via postMessage.

Exemplo¶

Segue abaixo um exemplo de como utilizar o postMessage.

<!-- Exemplo postMessage + Nimble -->
<script type="module">
  // Cache
  let _pmSource
  let _pmOrigin

  // Função de manipulação do postMessage
  const _pmNimble = event => {
    const origin = event?.origin ?? event?.originalEvent?.origin ?? ''
    const authorized = new Set(['https://nimble.com.br', 'https://sandbox.nimble.com.br'])

    if (authorized.has(origin) === false) {
      return
    }

    _pmSource = event.source
    _pmOrigin = origin

    const message = event?.data
    if (message.type === 'nimble.preparado') {
      // ---
      // ---
      // coloca aqui seu código de tracking/analytics
      // ---
      // ---
    }
  }

  // Escuta postMessage
  globalThis.addEventListener('message', _pmNimble, false)
</script>

<!-- Snippet do Nimble -->
<script
  type="module"
  crossOrigin="anonymous"
  id="tex_nimble_js"
  src="https://nimble.com.br/fragment.js?id=tex_nimble_js"
  data-autoscroll="1"
  data-target="tex_nimble_div"
  data-empresa="{codigo_da_empresa}"
  data-ev="{codigo_da_estrutura_de_venda}"
></script>

<!-- Local onde iframe será criado -->
<div id="tex_nimble_div"></div>

Eventos do Nimble¶

Eventos que o Nimble envia ao cliente.

Evento	Descrição
nimble.loaded	Iframe foi carregado
nimble.preparado	Cotação carregada
nimble.status	Dispara
nimble.grava	Token do MOL e código do cálculo
nimble.premio	Dados do prêmio selecionado
nimble.scrollTo	Posição do scroll
nimble.next	Mudança de tela
nimble.style.loaded	CSS carregado

nimble.loaded¶

Campo	Descrição
type	Identificação do evento

nimble.preparado¶

Campo	Descrição
type	Identificação do evento
jwt	JSON Web Token da cotação

nimble.status¶

Campo	Descrição
type	Identificação do evento
status	Descrição do status

Descrição de todos os **status enviados neste evento:**

Status	Descrição
Nova Cotação	Disparado toda vez que uma cotação nova é criada
Calculado	Disparado no final de um cálculo, com ou sem prêmio
Proposta	Disparado ao clicar em contratar
Pendente	Disparado no final da transmissão, com ou sem sucesso na proposta
Salvo	Disparado quando o box é salvo

nimble.grava¶

Campo	Descrição
type	Identificação do evento
token	Token de identificação da cotação no TELEPORT
calculo	ID da cotação no TELEPORT
dados	Dados da cotação

nimble.premio¶

Campo	Descrição
type	Identificação do evento
token	Token de identificação da cotação no TELEPORT
calculo	ID da cotação no TELEPORT
seguradora	ID da seguradora
seguradora_nome	Nome da seguradora
premio	Valor total do prêmio
opcao	Opção da franquia (1 ou 2)
franquia	ID da franquia

nimble.scrollTo¶

Campo	Descrição
type	Identificação do evento
position	Posição do scroll

nimble.next¶

Campo	Descrição
type	Identificação do evento

nimble.style.loaded¶

Campo	Descrição
type	Identificação do evento

Dúvidas e sugestões¶

Envie um email para atendimento@textecnologia.com.br