# Customizações avançadas em Javascript

> Use os dados do aluno logado nos seus scripts da área do aluno.

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**.

```html
<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".

| Campo | Conteúdo |
|---|---|
| `uid` | Código (ID) do aluno na plataforma |
| `is_gratis` | `'1'` se o aluno entrou só por cadastro gratuito, `'0'` se não |
| `nome` | Primeiro nome |
| `nome_completo` | Nome completo |
| `email` | E-mail |
| `celular` | Celular, se o aluno informou |
| `avatar` | Endereço da foto do perfil, se houver |

:::info
O nome `dadosAluno` é só um exemplo; use o que fizer sentido para o seu código. As variáveis só são preenchidas para quem já entrou, por isso o bloco precisa estar com **Exibição** em **Após o login**.
:::

## 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**:

```html
<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>
```

:::aviso
Scripts mal escritos podem travar a área do aluno. Teste primeiro com **Exibição** em **Somente administradores** e só depois mude para **Após o login**.
:::
