Se você tiver requisitos específicos para os blocos de anúncios responsivos multiplex, poderá personalizar a aparência deles adicionando parâmetros ao seu código de anúncio. Com esses parâmetros, você pode mudar o layout dos blocos e especificar como quer organizar as linhas e colunas de anúncios dentro deles, entre outros ajustes.
Também é possível usar os parâmetros ao definir diferentes configurações para dispositivos móveis e computadores. Por exemplo, se você fornecer ao parâmetro de layout um único valor, seu bloco de anúncios multiplex terá o mesmo layout em dispositivos móveis e computadores. Se você fornecer dois valores ao parâmetro de layout, seu bloco de anúncios multiplex terá um layout em dispositivos móveis (o primeiro valor) e outro em computadores (o segundo valor).
Essas opções só estão disponíveis para blocos de anúncios responsivos multiplex, e todos os parâmetros são necessários para que as personalizações funcionem. Depois de modificar seu código de anúncio, teste os blocos de anúncios multiplex em diferentes dispositivos e telas para garantir que eles estejam funcionando corretamente.
Mudar o layout do seu bloco de anúncios multiplex
O parâmetro de layout (data-matched-content-ui-type) permite que você controle a disposição do texto e das imagens nos seus blocos de anúncios multiplex. Por exemplo, você pode optar por colocar imagem e texto lado a lado, a imagem acima do texto etc.
Veja quais são as opções de layout disponíveis:
Nesse layout, a imagem e o texto são exibidos um ao lado do outro. Para escolhê-lo, adicione o parâmetro data-matched-content-ui-type="image_sidebyside" ao seu código de anúncio.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Nesse layout, a imagem e o texto são exibidos um ao lado do outro em um cartão. Para escolhê-lo, adicione o parâmetro data-matched-content-ui-type="image_card_sidebyside" ao seu código de anúncio.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Nesse layout, a imagem e o texto são dispostos um sobre o outro. Para escolhê-lo, adicione o parâmetro data-matched-content-ui-type="image_stacked" ao seu código de anúncio.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Nesse layout, a imagem e o texto são dispostos um sobre o outro em um cartão. Para escolhê-lo, adicione o parâmetro data-matched-content-ui-type="image_card_stacked" ao seu código de anúncio.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Um layout somente de texto sem imagens. Para escolhê-lo, adicione o parâmetro data-matched-content-ui-type="text" ao seu código de anúncio.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Um layout somente de texto em um cartão. Para escolhê-lo, adicione o parâmetro data-matched-content-ui-type="text_card" ao seu código de anúncio.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Especificar o número de linhas e colunas no seu bloco de anúncios multiplex
Os anúncios dentro de um bloco de anúncios multiplex são organizados em uma grade. É possível especificar quantas linhas e colunas você quer exibir na grade. Por exemplo, defina seu bloco de anúncios multiplex como um quadrado de 2 x 2, uma coluna de 4 x 1 etc.
Com os parâmetros data-matched-content-rows-num e data-matched-content-columns-num, você define o número de linhas e de colunas, respectivamente. É necessário definir esses dois parâmetros e data-matched-content-ui-type juntos.
- Há algumas restrições para o número de linhas e colunas que pode ser definido. O número total de anúncios no seu bloco de anúncios multiplex precisa ser de 1 a 30. Se você tentar exibir menos de um ou mais de 30 anúncios, seu bloco de anúncios multiplex aparecerá em branco.
- Às vezes, não é possível exibir o número exato de linhas e/ou colunas que você especificou (por exemplo, se você tiver definido um grande número de colunas, mas seu bloco de anúncios multiplex não for grande o suficiente para acomodar todas elas). Nesse caso, ajustaremos o número de linhas e/ou colunas para que seus anúncios caibam no espaço disponível e proporcionem uma boa experiência ao usuário.
Exemplos de linha e coluna
Este código de exemplo mostra como gerar um bloco de anúncios multiplex com quatro linhas e uma única coluna que exibe um total de quatro anúncios.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Este código de exemplo mostra como gerar um bloco de anúncios multiplex com duas linhas e duas colunas que exibe um total de quatro anúncios.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Este código de exemplo mostra como gerar um bloco de anúncios multiplex com três linhas e três colunas que exibe um total de nove anúncios.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Este código de exemplo mostra como gerar um bloco de anúncios multiplex com uma grade de 4 x 1 em dispositivos móveis e 2 x 2 em computadores. Convém usar essa configuração se você tem um site responsivo.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>Solução de problemas
Depois de personalizar seu bloco de anúncios multiplex, talvez ele não apareça exatamente como esperado. Veja alguns problemas comuns com blocos de anúncios multiplex e como corrigi-los:
Isso pode acontecer por dois motivos:
- O número total de anúncios no seu bloco de anúncios multiplex é menor do que 1 ou maior do que 30. Mude o número de linhas e/ou colunas no seu bloco de anúncios multiplex para que o número total esteja dentro do limite.
- Seu bloco de anúncios multiplex é muito grande para o número de anúncios que você definiu. Nesse caso, tente reduzir a largura do bloco de anúncios multiplex.
Como usar o console para encontrar erros nos seus blocos de anúncios multiplex
Você pode usar o console no navegador para verificar se modificou corretamente seu código de anúncios multiplex. Por exemplo, o console pode informar se seu código de anúncio está sem um parâmetro obrigatório ou se um parâmetro contém um valor inválido.
Se você estiver usando o Google Chrome, siga estas etapas para testar seu código de anúncio no DevTools Console:
- Acesse a página com seus blocos de anúncios multiplex.
- Pressione Ctrl+Shift+J (Windows / Linux) ou Cmd+Opt+J (Mac).
- Verifique se há mensagens de erro no painel do Console.
