# Como inserir Scripts nas páginas da leadlovers

**Objetivo:** Orientar como pode inserir Scripts (códigos adicionais) nas páginas criadas dentro da leadlovers.

**Para o que serve:** Os scripts são pedaços de códigos específicos para executar alguma função adicional na sua página. Exemplo: Inclusão de pixel que possa auxiliar nas métricas das conversões ou scripts de personalizações do layout da página.

**Requisito obrigatório:** 

Ter uma página criada na leadlovers.

## **Quais scripts posso usar?**

Você pode aplicar na página qualquer script que necessite, principalmente, scripts de rastreamento e métricas. 

Alguns scripts de CSS podem conflitar com nossas informações internas, é preciso *testar* a aplicação de scripts desse tipo. Os mais comuns para os usuários leadlovers são:

* Facebook;
* Google Analytics, Google Ads, Google Tag Manager (GTM);
* Indicador de contagem de visitas aparecendo na página;
* Colocar janela de chat;
* Plugins diversos.

:::info ****IMPORTANTE:**** ******Sempre teste os scripts antes de divulgar as páginas.**
:::

### **HEAD ou BODY?**

**Head e Body** representam a posição do conteúdo na estrutura da página e fazem parte da estrutura básica do documento. Lembre que esse pedaço de código não será exibido como texto na página, fique tranquilo.\
E, geralmente, quando você vai copiar o script terá a informação sobre em qual posição o código deverá ser inserido.

***head***: delimita o cabeçalho do documento com informações que não serão exibidas visualmente dentro do conteúdo da página.\
\&#xNAN;***body***: define o corpo do documento, ou seja, tudo que estiver dentro do body será mostrado de alguma forma no conteúdo da página.

**Exemplo de um script**

Observe que a instrução é quase sempre a mesma: adicionar o script (a tag, o pixel, o código) na Head ou no Body.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-2aa851aefc8390f0.png"}

## **Como inserir um script nas páginas da leadlovers**

1. Dentro da opção Páginas do projeto, localize a página e clique em **Configurações.**

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-4a0e601d34f5127f.png"}

2. Na aba **Configurações Avançadas**, você verá que as duas opções para aplicar os Scripts (head e body).
3.  Cole o código (ou códigos) em cada local.
4. Após finalizar a inclusão do script, desça até o final e clique na opção **Salvar.**

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-fec4eb35e16ca39b.png"}

### **Inserindo Script em todas as páginas do projeto**

É possível inserir um Script diretamente nas configurações do projeto, fazendo assim, com que ele funcione em todas as páginas deste projeto.

1.  Dentre as opções do projeto clique em **Configurações;**
2. No menu lateral acesse **Scripts Globais (Head);**\
   **Obs:** O processo é o mesmo para a opção **Scripts Globais (Body)**
3. Cole aqui todo o código (head ou body) que você quer que as páginas possuam; 
4. Depois clique em **Salvar** para validar as novas configurações.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fscripts-globais-head.png"}