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

  1. crie uma página externa na Clickmax
  2. adicione essa página ao seu funil
  3. 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:

  1. coleta os dados necessários
  2. envia essas informações para a Clickmax
  3. 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

API

Use quando você quer ver a forma pública de chamar o SDK com JavaScript.

Forms

Use quando você quer instalar ou personalizar formulários.

Tracking

Use quando você quer medir o comportamento da página.

Routing

Use quando você quer entender como o visitante segue para a próxima etapa do funil.