> For the complete documentation index, see [llms.txt](https://clickdollar.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://clickdollar.gitbook.io/help/tag-rastreamento/setup/html-padrao.md).

# HTML padrão

#### Quando usar este método

* Sites HTML estáticos (sem Wordpress)
* Sites hospedados em servidores com acesso direto aos arquivos
* Usuários que preferem editar código diretamente

{% hint style="warning" %}
Caso você esteja utilizando o código de outra ferramenta, remova antes de inserir a tag do ClickDollar.
{% endhint %}

{% stepper %}
{% step %}

#### Passo 1: Obter sua Tag de Rastreamento

* Faça login na sua conta ClickDollar
* Vá para **Configurações de Campanha**
* Copie sua tag de rastreamento, que deve se parecer com isto:

<figure><img src="https://2485025197-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJXtm7ggSevIGfrKC7wA2%2Fuploads%2Fgit-blob-03d1f81f621bb6ca2b0140be45faff3c7d27c6cf%2FCampaign-Tag.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Passo 2: Abrir seus Arquivos HTML

Você pode usar qualquer editor de texto para editar seus arquivos HTML.

Editores recomendados:

Para Windows:

* [Visual Studio Code](https://code.visualstudio.com/) (Gratuito - Recomendado)
* [Notepad++](https://notepad-plus-plus.org/) (Gratuito)
* Bloco de Notas (Já instalado no Windows)

Para Mac:

* [Visual Studio Code](https://code.visualstudio.com/) (Gratuito - Recomendado)
* [Sublime Text](https://www.sublimetext.com/) (Gratuito/Pago)
* TextEdit (Já instalado no Mac)
  {% endstep %}

{% step %}

#### Passo 3: Adicionar o Script ao HTML

**Para um site com múltiplas páginas (arquivo de cabeçalho separado)**

Se você tem um arquivo de cabeçalho separado (como `header.html` ou `head.php`):

* Abra o arquivo de cabeçalho no seu editor
* Localize a tag de fechamento `</head>`
* Cole a tag do ClickDollar **logo antes** de `</head>`

Exemplo:

{% code title="Exemplo de head com Tag ClickDollar" %}

```html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Meu Site</title>

  <!-- Outros scripts e estilos aqui -->

  <!-- Tag ClickDollar - Adicionar aqui -->
  <script
    defer
    data-tag="CD***************"
    src="https://cdn.cckdl.com/js/base.js">
  </script>
  <!-- Fim da Tag ClickDollar -->

  </head>
<body>
  <!-- Conteúdo da página -->
</body>
</html>
```

{% endcode %}

**Para cada página individual**

Se você **não** tem um arquivo de cabeçalho separado, adicione o script em **cada página HTML**:

* Abra cada arquivo `.html` do seu site
* Localize a tag `</head>` em cada arquivo
* Cole a Tag ClickDollar logo antes desta `</head>` em todas as páginas
  {% endstep %}

{% step %}

#### Passo 4: Salvar e Fazer Upload dos Arquivos

Se estiver editando localmente:

* Salve todas as alterações nos arquivos HTML
* Faça upload dos arquivos atualizados para seu servidor usando:
  * FTP (FileZilla, WinSCP, Cyberduck)
  * SFTP
  * Painel de controle da hospedagem (cPanel, Plesk)

Se estiver editando diretamente no servidor:

* Salve as alterações no editor
* As mudanças entrarão em vigor imediatamente
  {% endstep %}

{% step %}

#### Passo 5: Verificar a Instalação

Após fazer upload dos arquivos:

* Clique no botão para Verificar Tag, nas configurações de campanha do ClickDollar.
  {% endstep %}
  {% endstepper %}

{% hint style="success" %}
Dicas e Boas Práticas — Faça:

* Sempre faça backup dos arquivos originais antes de editar
* Não altere a Tag copiada do ClickDollar
* Adicione em todas as páginas que você quer rastrear
  {% endhint %}

{% hint style="warning" %}
Dicas e Boas Práticas — Evite:

* Não adicione o script dentro da tag `<body>` (adicione sempre no `<head>`)
* Não esqueça de fazer upload dos arquivos modificados
  {% endhint %}

<details>

<summary>Solução de Problemas</summary>

**O script não está aparecendo no código-fonte da página?**

* Verifique se você fez upload da versão correta do arquivo
* Limpe o cache do servidor se aplicável
* Verifique se salvou o arquivo antes de fazer upload

</details>