Como instalo o código do anúncio em banner em um site Squarespace?

Existem muitas maneiras de inserir um código de anúncio em banner no seu site baseado em Squarespace. Mas antes de tudo, adicione seu site antes de continuar com este tutorial.

Há vários tamanhos de anúncio em banner que você pode escolher:

• 300×250 – 1º Mais Popular, Adequado Para Exibição Responsiva
• 728×90 – 2º Mais Popular, Adequado Para Exibição Responsiva
• 160×600 – 3º Mais Popular, Adequado Para Exibição Responsiva
• 320×50 – 4º Mais Popular, Adequado Para Exibição Responsiva
• 300×600 – 5º Mais Popular, Adequado Para Exibição Responsiva
• 970×250 – 6º Mais Popular, Adequado Para Exibição Responsiva
• 120×600
• 200×200
• 250×250
• 468×60
• 336×280
• 234×60
• 120×240
• 300×1050
• 970×90
• 320×100
• 300×200

1. Primeiro, você precisa criar um código de anúncio. No painel do editor, selecione ADS CODES e escolha o botão CREATE. Digite as informações necessárias para criar um código de anúncio em banner. Em seguida, clique no botão CREATE AD CODE.

• Ad Code Name – qualquer nome (não será mostrado ao usuário de destino)
• Ad Code Type – escolha CPC/CPM/CPA (saiba mais)
• Targeting Site – escolha seu site adicionado
• AdBlock Type – escolha Banner Only
• Select AdBlock – para este tutorial, selecionaremos 300×250
• Responsive – Yes
• Sticky Ad code – Desmarcado

2. Após clicar no botão CREATE AD CODE, você será direcionado para a próxima página. Copie todo o código do anúncio no AD DISPLAY CODE e cole-o em uma anotação ou em qualquer Wordpad. Você também pode alterar a cor do texto e do plano de fundo e o tipo de borda, mas salve a configuração clicando no botão UPDATE AD CODE. Copie novamente o código do anúncio regenerado.

3. Normalmente, a tendência de inserir o anúncio de banner está entre o conteúdo de um post ou página. Mas como o Squarespace não tem um método onde o Code block pode ser colocado entre os parágrafos e permanentemente disponível para o futuro novo post / página (há uma solução alternativa, por favor clique aqui), você deve colocar o código do anúncio na parte inferior. Faça login em sua conta do Squarespace. Na coluna da esquerda, escolha Pages.

4. Em seguida, selecione Blog.

5. Você verá um botão em forma de engrenagem. Clique no botão.

6. Uma nova visualização aparecerá, selecione Advanced localizado na parte inferior da lista na coluna esquerda. Em seguida, selecione Page Header Code Injection.

7. Copie e cole o código do anúncio que você copiou em (2) acima no espaço fornecido. Para organizar o anúncio de banner no meio (altamente recomendado), insira o código HTML <center> no início do código do anúncio e </center> no final do código do anúncio. Para adicionar preenchimento superior, coloque o código HTML <br> no topo do código do anúncio. Um <br> é igual a um espaço. Para dois ou mais espaços, adicione outro <br> e assim por diante. Para finalizar, clique em SAVE.

8. Depois de clicar em SAVE, a página do seu blog será atualizada automaticamente e você verá os resultados na parte superior da página do blog.

9. Você também pode colocar outro banner de 300x250px na parte inferior da página do blog, seguindo as etapas abaixo. O Squarespace não permite que você insira o mesmo código de anúncio mais de uma vez. Portanto, você precisa criar um segundo código de anúncio para o banner, repetindo as etapas (1) e (2) acima.

Nota: O motivo pelo qual recomendamos que você inclua banners na parte inferior da página do seu blog é que o Squarespace não tem um método onde o Codeblock pode ser colocado entre os parágrafos que estão permanentemente disponíveis para o futuro novo post / página. Mas se você quiser colocar um código de anúncio entre o conteúdo também, fornecemos um tutorial aqui.

Repita a etapa (5) acima. Uma nova visualização aparecerá, selecione Advanced localizado na parte inferior da lista na coluna da esquerda. Em seguida, selecione Post Blog Item Code Injection.

10. Copie e cole o código do anúncio que você copiou em (2) acima no espaço fornecido. Para localizar o anúncio de banner no meio (altamente recomendado), insira o código HTML <center> no início do código do anúncio e </center> no final do código do anúncio. Para finalizar, clique em SAVE.

11. Depois de clicar em SAVE, a página do seu blog será atualizada automaticamente e você verá os resultados na parte inferior da página do blog.

Seus primeiros ganhos com o anúncio em banner aparecerão nas estatísticas do IgniterAds 24 horas após você ter adicionado o código. Esse tempo é necessário para que nosso anúncio se propague e reúna uma audiência.

Consulte também: Dicas sobre como aumentar uma receita como editor