Introdução

O Clickmax Browser SDK é o script que conecta a sua página externa com a Clickmax.

Ele serve para três tarefas principais:

capturar leads
registrar eventos da página
levar o visitante para a próxima etapa do funil

Instalação

crie uma página externa na Clickmax
adicione essa página ao seu funil
cole o script abaixo dentro do <head> do HTML da página

index.html

<!DOCTYPE html>
<html>
  <head>
    <!-- Start of Clickmax SDK Code -->
    <script>
    (()=>{let e="YOUR_PROJECT_SLUG",c="YOUR_PAGE_PATH",t=window;if(!t.cxs){function s(e,...c){t._cx?t._cx.callMethod.apply(t._cx,[e,...c]):t.cxs.queue.push([e,...c])}s.queue=[],t.cxs=s;{let t=encodeURIComponent,s=document,n=`https://api.clickmax.io/sdk/script.js?ps=${t(e)}&pg=${t(c)}`,i="script",p=s.createElement(i);p.async=!0,p.src=n;let o=s.getElementsByTagName(i)[0];o.parentNode.insertBefore(p,o)}}cxs("init",e,c)})();
    cxs('track', 'page_view');
    </script>
    <noscript><img height="1" width="1" style="display: none" src="https://api.clickmax.io/tr/YOUR_PROJECT_SLUG?ty=page_view&pg=YOUR_PAGE_PATH&pl=%7B%22noscript%22%3A1%7D"/></noscript>
    <!-- End of Clickmax SDK Code -->
  </head>

  <body>
    <!-- Conteudo da pagina -->
  </body>
</html>

Como isso funciona

Depois que o script é instalado, a página passa a reconhecer os elementos marcados com os atributos da Clickmax.

Exemplos comuns:

um formulário com data-cx-ingest-form
um widget com data-cx-form-widget
um botão com data-cx-open

Quando o visitante interage com esses elementos, o SDK:

coleta os dados necessários
envia essas informações para a Clickmax
aplica as regras do funil configurado

Isso evita que você precise escrever uma integração separada para cada formulário, clique ou redirect.

Quando usar cada seção

Formulários

Use quando você quer instalar ou personalizar a captura de leads na página: marcar um <form> com data-cx-ingest-form, escolher entre formulário na página, widget sem estilos ou modal, definir campos e opções e enviar campos customizados.

Criar lead via JavaScript

Use quando você quer chamar o SDK direto no seu código, com cxs('lead', ...), em vez de um <form> HTML — por exemplo numa aplicação React ou num funil de vários passos. É aqui que fica a forma pública de criar lead por JavaScript, com campos, callback e o tracking que o SDK dispara sozinho.

Tracking

Use quando você quer medir o comportamento da página: quais eventos o SDK observa sozinho, quais seletores públicos ele reconhece (data-cx-track, .cm-checkout-button, .cm-next-funnel-node) e como disparar um evento manual com cxs('track', ...).

Routing

Use quando você quer entender como o visitante segue para a próxima etapa do funil: o que o SDK considera para decidir o destino, como o redirect é montado e o que não precisa ser configurado à mão.

Exemplos

Use quando você quer ver os formulários funcionando com o seu próprio projeto e página, e copiar o código de cada caso.

#Introdução

#Instalação

#Como isso funciona

#Quando usar cada seção

#Formulários

#Criar lead via JavaScript

#Tracking

#Routing

#Exemplos