Como colocar AdSense em páginas AMP com o plugin Ad Inserter

Ativou o AMP nas suas páginas e reparou que os anúncios sumiram? Não se preocupe! Neste post vou explicar como você pode colocar AdSense em páginas AMP utilizando o plugin Ad Inserter.

O uso de dispositivos móveis está cada vez mais comum para navegação na internet. A venda de smartphones já é maior que a de computadores em vários países do mundo. Grande parte das buscas feitas no Google são feitas em dispositivos móveis.

Para trazer uma melhor experiência ao usuário, o Google apresentou em 2015 o projeto AMP – Accelerated Mobile Pages (Páginas otimizadas para dispositivos móveis). As páginas AMP carregam de maneira muito mais rápida, pois trazem um código leve e simples.

Neste post, não vou entrar em detalhes sobre o projeto, pois vou partir do princípio de que você já utiliza em seus sites WordPress, mas ainda não sabe como colocar AdSense em páginas AMP.

É simples colocar AdSense em páginas AMP!

Logo que instalei o AMP em meus sites, ao testar as páginas, não via os anúncios que estavam no blog. Como a tendência é que os acessos mobile sejam maiores do que na versão desktop, só pensei no prejuízo que estaria por vir.

Mas, nada que uma pesquisa não resolva né!

Aqui no blog, eu vinha usando o Ad Injection para inserir os anúncios nas páginas. Ele vinha me atendendo super bem até que eu conheci o Ad Inserter.

O Ad Inserter pode inserir anúncios em várias posições diferentes no site como também nas páginas AMP e você não precisa pagar nada mais por isso.

O plugin AMP for WP, por exemplo, possui extensões para que você possa inserir os anúncios nas páginas AMP, só que há a necessidade de se pagar um valor a mais, comprando esta extensão. Mas quem utiliza o Ad Inserter pode inserir AdSense sem a necessidade da versão Pro.

Para colocar AdSense em páginas AMP, você vai precisar baixar o Ad Inserter e ativar no seu blog. Uma vez ativado, você já pode colocar os anúncios. Siga os seguintes passos:

1 – Vá até o painel da sua conta AdSense e gere um bloco de anúncios para colocar na sua página AMP. Cole o código em um bloco de notas, pois vamos precisar de alguns dados.

2 – No seu site WordPress, vá em Configurações > Ad Inserter e clique o símbolo da “engrenagem”.

Como colocar AdSense em páginas AMP

3 – Em seguida escolha a opção “Header”.

Como colocar AdSense em páginas AMP

Cole o seguinte código para ativar os anúncios nas páginas AMP:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

4 – Agora, clique no “sinal verde” para deixar a área ativa.

Como colocar AdSense em páginas AMP

5 – O próximo passo é gerar o anúncio AMP para colocar nas páginas. Escolha um dos blocos (1 a 16) para colocar o bloco para AMP. Como já uso 5 blocos neste site, vamos criar um novo anúncio no espaço 6.

6 – Para gerar o anúncio, você deve primeiramente clicar na “ferramenta”, posteriormente no botão “código” e escolher a aba “AdSense”

Colocar AdSense em páginas AMP

7 – Agora, pegue o anúncio que você gerou no painel do AdSense e guardou no bloco de notas. Você vai precisar de duas informações dele: o Publisher ID e o Ad Slot.

Colocar AdSense em páginas AMP

8 – Na janela do plugin, coloque o Publisher ID (no formato pub-xxxxxxxxxxxxxxxx) no campo indicado e o número do Ad Slot no campo referente. Nas demais opções, deixe da seguinte forma:
Ad Type: Standard
Size: Responsive
AMP Ad: Above the fold
Após colocar estas informações, basta clicar na “setinha para baixo” para gerar o código.

Colocar AdSense em páginas AMP

9 – Pronto, o seu código de AdSense para páginas AMP foi gerado. A parte superior, ou seja, tudo que está acima de “AdInserter AMP”, pode ser excluída. Se deixarmos os dois anúncios, corre o risco de eles serem exibidos de maneira duplicada na sua página.

Em “Automatic Insertion”, você escolhe a posição onde quer exibir o anúncio. Pode ser antes do conteúdo, depois do conteúdo, no meio do conteúdo. Fica a seu critério.

Como colocar AdSense em páginas AMP

Depois de clicar em “Save all Settings”, faça o teste nas suas páginas AMP para saber se os anúncios estão funcionando corretamente. Se quiser inserir mais blocos de anúncio na mesma página, basta repetir os passos.

Dúvidas?

O Ad Inserter é um plugin tão completo para anúncios que vale a pena utilizar a versão pro ou então, se a versão gratuita já te atende bem, pode-se até fazer uma doação para o desenvolvedor.

Ficou com alguma dúvida sobre como colocar AdSense em páginas AMP? Deixe na área de comentários que eu tento te ajudar!

Curso Renda Online Passo a Passo

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

10 Comentários

  1. Cledson disse:

    Muito bom esse artigo tirou minhas duvidas.

  2. Guilherme disse:

    Ótimo post! Uma dúvida: inseri ontem os códigos, mas os anúncios ainda não aparecem. Demora um pouco mesmo?

    • Fabi disse:

      Sim, pode levar um tempo até aparecer os anúncios. Geralmente depois de uma ou duas horas já estão disponíveis.

  3. Alexandre disse:

    Parabéns pelo artigo, porém, os anúncios no meu caso não apareceram. Será que é por causa do plugin que estou usando para o AMP (nesse caso o plugin Amp For WP ) ?

    • Fabi disse:

      Verificou de todas as opções foram marcadas certinho? Se ativou no plugin as opções para aparecer na página? Inseriu o código no header? Se seguir todos os passos, os anúncios aparecem em no máximo duas horas, independente do plugin AMP que você usa.

  4. Rodrigo disse:

    Acabei de instalar esse plugin e deu erro no meu site, saiu do ar, não consigo acessar nem o wp-admin! Aparece a seguinte mensagem: require_once(/home/document/public_html/wp-content/plugins/amp/includes/widgets/class-amp-widget-media-video.php): failed to open stream: No such file or directory in /home/document/public_html/wp-content/plugins/accelerated-mobile-pages/accelerated-moblie-pages.php on line 584

    • Fabi disse:

      Estranho. Já fiz a instalação em vários sites e nunca deu erro. Pela mensagem, parece que o problema é com o plugin Accelerated Mobile Pages e não com o AdInserter. Acesse seu site pelo FTP ou Gerenciador de Arquivos do cPanel e faça a exclusão do plugin. Acho que depois disso, você consegue acessar o WpAdmin normalmente.

  5. Antonio disse:

    Olá. Fiz seus procedimentos e não deu certo. Depois reparei que o seu codigo header está diferente do padrão que é: https://cdn.ampproject.org/v0/amp-ad-0.1.js

    • Fabi disse:

      Oi Antonio, tudo bem? O código está correto. É que ele estava sendo apresentado de modo errado aqui no site por conta de um plugin que acabei de atualizar. Já fiz a correção, testei e está tudo normal. Obrigada por informar.