Customizações avançadas em Javascript

Ao criar funções em Javascript para a área do aluno, você pode usar os dados de quem está navegando: nome, e-mail, celular e se o aluno entrou só por cadastro gratuito. Isso serve para personalizar mensagens, identificar o aluno em ferramentas de chat ou enviar dados para um sistema de análise.

#Disponibilize os dados do aluno para os seus scripts

1. Acesse Configurações › Código personalizado.
2. Clique em Novo bloco.
3. Em Tipo, escolha Custom.
4. Em Exibição, escolha Após o login.
5. No campo Header, cole o código abaixo.
6. Em Status, deixe Publicado e clique em Salvar.

<script>
  var dadosAluno = {
    uid: '{uid}',
    is_gratis: '{is_gratis}',
    nome: '{nome}',
    nome_completo: '{nome_completo}',
    email: '{email}',
    celular: '{celular}',
    avatar: '{avatar}'
  };
</script>

Cada variável entre chaves é trocada pelo dado do aluno antes de a página chegar ao navegador. Aspas e caracteres especiais no nome do aluno são tratados pela plataforma, então o script não quebra com nomes como "D'Ávila".

#Confira se funcionou

1. Entre na plataforma com uma conta de aluno.
2. Abra o console do navegador (tecla F12, aba Console).
3. Digite dadosAluno e tecle Enter. Os dados do aluno devem aparecer.

#Exemplo: mensagem diferente para alunos do cadastro gratuito

Coloque este código no campo Body de um bloco Custom com Exibição em Após o login:

<script>
  if ('{is_gratis}' === '1') {
    var aviso = document.createElement('div');
    aviso.textContent = 'Olá, {nome}! Gostou do conteúdo gratuito? Conheça o curso completo.';
    aviso.style.cssText = 'padding:12px;text-align:center;background:#222;color:#fff';
    document.body.prepend(aviso);
  }
</script>