Anuncie em histórias Web

As histórias Web são uma experiência orientada a toque em tela cheia que mergulha os leitores no seu conteúdo. A publicidade com anúncios de histórias Web permite uma integração sem descontinuidades nem interrupções na jornada do usuário, mantendo-o totalmente envolvido e encantado pela plataforma.

Colocação de anúncios

As Histórias Web usam um único componente amp-story-auto-ads para ditar a quantidade e o posicionamento do anúncio.

Colocação dos anúncios Ao contrário das páginas web AMP, onde a quantidade e localização dos anúncios é determinada pelo colocação de múltiplos componentes amp-ad, as histórias Web dependem de um único componente amp-story-auto-ads para determinar a quantidade e colocação dos anúncios.

1. Anúncios são pré-renderizados pelo runtime de Histórias Web e depois são inseridos. Isto garante que os usuários jamais verão um anúncio em branco ou não totalmente carregado.

2. A densidade do anúncio é otimizada de forma proporcional ao conteúdo para evitar o excesso de saturação. O componente amp-story-auto-ads decide quando e onde inserir anúncios à medida que o usuário avança.

Uma História Web coloca o primeiro anúncio algum tempo depois das duas primeiras páginas com o objetivo de otimizar a receita de monetização e a experiência do usuário.

Interação do usuário

Os usuários podem pular um anúncio da mesma maneira como passa as páginas normais da história: tocando nos dois terços da tela à direita.

Usuários podem interagir diretamente com o anúncio ao tocar no botão call-to-action gerado pelo sistema que aparece no terço inferior de todos os anúncios de Histórias Web. O botão pode ser configurado para enviar o usuário a uma URL arbitrária (ou à loja de aplicativos relevante).

Configure uma História Web para anúncios

As histórias Web não suportam um amp-ad diretamente na página. Em vez disso, todos os anúncios são buscados e exibidos pelo componente amp-story-auto-ads. O componente amp-story-auto-ads amp-story-auto-ads deve ser declarado como um elemento-filho direto de amp-story.

<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
// ad server configuration
}
}
</script>
</amp-story-auto-ads>
<amp-story-page>
...
</amp-story>

Ao contrário de um amp-ad comum, não é necessário nenhum <fallback> ou <placeholder>, já que os anúncios de Histórias Web só são exibidos quando estão totalmente renderizados.

Como usar anúncios de histórias

A maneira mais fácil de incluir anúncios na sua História Web é servindo anúncios a partir de um servidor de anúncios suportado.

Servidores de anúncios que atualmente suportam anúncios de Histórias Web:

• Google Ad Manager
• Anúncios de venda direta
• Anúncios programados
• Google AdSense em breve
• MGID
• Anúncios de venda direta
• Outras plataformas de anúncios podem integrar (entre em contato para mais detalhes via Github)

Se você for um anunciante interessado em veicular seus anúncios em Histórias Web, entre em contato para mais informações.

Editores também podem colocar anúncios personalizados se eles configurarem seus próprios servidores de anúncios. O processo é detalhado aqui.

• Written by @CrystalOnScript