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

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

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):

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

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!

Recommended Reading

Blog
September 12, 2024

How to Build and Scale an Online Service Business With Minimal Resources

Read More
best-mobile-app-advertising-strategies-for-beginners
Blog
Last updated: September 12, 2024

The Way to Create a Mobile App Advertising Strategy if You are a Beginner

Read More
monetize-chat-gpt
Blog
September 9, 2024

Earning More as a Publisher and What to Use? [5 tested tactics]

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