O Que É O Tapete Voador AMP Do Google E Como Implementar Em Seu Site Hoje

Ad Optimization
April 13, 2021 | by Kean Graham
AMP

Conhecer um novo formato de anúncio é sempre uma vantagem. Hoje vamos nos concentrar no tipo de anúncio de tapete voador/flying carpet, que é um formato AMP. Como usar esse formato e implementar no seu site?

O Que É AMP?

O projeto Accelerated Mobile Pages (AMP) foi originalmente desenvolvido pelo Google e anunciado em 2015, mas agora é executado como um projeto de código aberto. As páginas AMP começaram a aparecer em 2016 para melhorar a velocidade de carregamento de páginas da Web e anúncios.

As AMPs são veiculadas junto com as contrapartes padrão e podem ser exibidas por mecanismos de pesquisa e outros sites de referência.

Recentemente, escrevemos um artigo sobre ‘o que são os anúncios AMP e como configurá-los’, que você pode ler aqui.

O Que É Um Anúncio De Tapete Voador?

Um tapete voador é composto de uma janela de bloco de anúncios pai e um bloco de anúncios filho, fixo, na janela de visualização. Conforme o usuário rola para cima, o bloco de anúncios pai, que aparece como uma janela transparente, aparece e revela uma seção de anúncio filho.

O bloco de anúncios filho permanece no mesmo lugar, mas a janela pela qual o usuário olha se move para cima e para baixo conforme ele rola. Você pode ver um exemplo disso, no site do desenvolvedor de AMP aqui: https://amp.dev/documentation/examples/components/amp-fx-flying-carpet/?format=websites

AMP flying carpet ad

De certa forma, você pode argumentar que tapete voador não é um bom nome para este bloco de anúncios. Provavelmente, é melhor imaginar que você está em um elevador com portas de vidro.

À medida que o elevador sobe, os anúncios filhos (neste caso, os diferentes andares do prédio permanecem fixos, enquanto você, o espectador, passa por eles, revelando a imagem gradualmente).

Esse tipo de comportamento às vezes é chamado de anúncios de paralaxe, um termo usado para descrever o movimento de objetos em relação à posição do espectador.

Em web design, o plano de fundo de um site rola em uma velocidade diferente para o primeiro plano, criando belas transições entre os dois. O efeito pode ser comparado a sentar-se em um trem e olhar pela janela; objetos mais distantes parecem estar se movendo muito mais devagar do que plataformas e árvores próximas ao trem. Anúncios paralaxe também estão disponíveis com AMP.

Layout Da Página

A janela do tapete voador deve ser colocada abaixo da primeira janela de visualização, para que o usuário possa rolar para cima e para baixo em toda a altura da unidade filho, que fica atrás (Se a página carregasse com a janela no meio da primeira janela de visualização, você não seria capaz para rolar mais, para ver a parte inferior do anúncio).

Você pode iniciar o tapete voador em 75% da janela de visualização de abertura, ou seja, conteúdo nos primeiros 75% e tapete voador nos 25% inferiores, se preferir. Da mesma forma, deve haver uma janela de visualização completa entre a parte inferior do tapete voador e a parte inferior da página.

Implementação

Para implementar anúncios de tapete voador com AMP, você precisa executar o seguinte script em sua página:

<script async custom-element=”amp-fx-flying-carpet” src=”https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js”></script>

Na posição da página em que você deseja mostrar o tapete voador, é necessário colocar o seguinte código (imagem do site amp / dev (exemplo do tapete voador):

AMP flying carpet code

Neste caso, a largura e a altura referem-se às dimensões da imagem de fundo. O parâmetro de altura do tapete voador amp-fx-flying-carpet fornece a altura da janela através da qual você pode ver o plano de fundo em vez da imagem de plano de fundo em si.

Conclusão

Os anúncios de tapete voador AMP são apenas um dos muitos tipos de anúncio que você pode usar para monetizar seu conteúdo móvel. Em que tipo de anúncio você deve se concentrar? Você está executando Header Bidding com suas páginas AMP? Você deveria estar rodando AMP?

Qual é o desempenho das páginas AMP em comparação com as páginas normais para dispositivos móveis? Na MonetizMore, cuidaremos de todas as suas perguntas sobre operações de anúncios e otimizaremos seu inventário de anúncios para obter o melhor resultado possível.

Está pronto para levar sua receita de anúncios para o próximo nível? Inscreva-se hoje!

"NET RPM increased 61.3% compared to our yearly average before working with MonetizeMore, and NET Revenues increased 54.8%. There is no doubt that turning over the day-to-day management of our ad inventory to MonetizeMore's team of experts has been the right move for our business."

$100M+

Paid to Publishers

3B+

Ad Requests Monthly

1500+

Happy Publishers

Recommended Reading

how-to-monetize-social-media
Blog
February 22, 2024

How to Monetize Social Networking Sites

Read More
make-money-with-dynamic-floors
Blog
February 21, 2024

How Publishers make 10X more money with Dynamic floors?

Read More
Ad Optimization
February 21, 2024

8 Best Ad Networks in India

Read More

Trusted by 1,500+ publishers worldwide

10X your ad revenue with our award-winning solutions.

Let's Talk

Close

Ready to 10X your ad revenue with the #1 ad management partner?

Start Now