Se tiver requisitos específicos para os seus blocos de anúncios multiplex dinâmicos, pode personalizar o aspeto dos mesmos ao adicionar parâmetros ao código do anúncio. Estes parâmetros permitem-lhe alterar aspetos como o esquema dos blocos de anúncios multiplex e especificar como pretende dispor as linhas e as colunas de anúncios nesses blocos.
Também pode utilizar os parâmetros para escolher diferentes definições para dispositivos móveis vs. computadores. Por exemplo, se atribuir um único valor ao parâmetro de esquema, o bloco de anúncios multiplex vai ter o mesmo esquema em dispositivos móveis e computadores. Contudo, se atribuir dois valores ao parâmetro de esquema, o bloco de anúncios multiplex vai ter um esquema em dispositivos móveis (o primeiro valor) e um esquema diferente em computadores (o segundo valor).
Tenha em atenção que estas opções só estão disponíveis para blocos de anúncios multiplex e que todos os parâmetros são necessários para as personalizações funcionarem. Após modificar o código do anúncio, certifique-se de que testa os blocos de anúncios multiplex em diferentes dispositivos e ecrãs para garantir que funcionam corretamente.
Altere o esquema do bloco de anúncios multiplex
O parâmetro de esquema (data-matched-content-ui-type) permite-lhe controlar a disposição do texto e imagens nos blocos de anúncios multiplex. Por exemplo, pode optar por ter a imagem e o texto lado a lado, a imagem acima do texto, etc.
Estão disponíveis as seguintes opções de esquema:
Neste esquema, a imagem e o texto aparecem lado a lado. Para escolher este esquema, adicione o parâmetro data-matched-content-ui-type="image_sidebyside" ao código do 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>
Neste esquema, a imagem e o texto aparecem lado a lado num cartão. Para escolher este esquema, adicione o parâmetro data-matched-content-ui-type="image_card_sidebyside" ao código do 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>
Neste esquema, a imagem e o texto são dispostos um acima do outro. Para escolher este esquema, adicione o parâmetro data-matched-content-ui-type="image_stacked" ao código do 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>
Neste esquema, a imagem e o texto são dispostos um acima do outro num cartão. Para escolher este esquema, adicione o parâmetro data-matched-content-ui-type="image_card_stacked" ao código do 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 esquema apenas de texto sem imagem. Para escolher este esquema, adicione o parâmetro data-matched-content-ui-type="text" ao código do 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 esquema apenas de texto num cartão. Para escolher este esquema, adicione o parâmetro data-matched-content-ui-type="text_card" ao código do 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>
Especifique o número de linhas e colunas no bloco de anúncios multiplex
Os anúncios num bloco de anúncios multiplex estão dispostos numa grelha. Pode especificar o número de linhas e colunas que pretende mostrar nessa grelha. Por exemplo, pode definir o bloco de anúncios multiplex para ser um quadrado 2 x 2, uma coluna 4 x 1, etc.
Pode definir o número de linhas com o parâmetro data-matched-content-rows-num e o número de colunas com o parâmetro data-matched-content-columns-num. Tem de definir ambos os parâmetros e data-matched-content-ui-type conjuntamente.
- Existem algumas restrições quanto ao número de linhas e colunas que pode definir. O número total de anúncios no bloco de anúncios multiplex tem de ser entre 1 e 30. Se tentar mostrar menos de 1 ou mais de 30 anúncios, o bloco de anúncios multiplex aparece em branco.
- Por vezes, podemos não conseguir apresentar o número exato de linhas e/ou colunas que especificou. Por exemplo, se tiver definido um grande número de colunas, mas o bloco de anúncios multiplex não tiver largura suficiente para as acomodar na totalidade. Neste caso, ajustamos o número de linhas e/ou colunas para que os anúncios se adequem ao espaço disponível e proporcionem uma boa experiência do utilizador.
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 apresente 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 apresente 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 apresente 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 grelha 4 x 1 em dispositivos móveis e uma grelha 2 x 2 em computadores. É aconselhável utilizar esta configuração se tiver um site adaptável.
<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>Resolução de problemas
Após personalizar o bloco de anúncios multiplex, é possível que este não seja apresentado exatamente como esperado. Seguem-se alguns problemas comuns com os blocos de anúncios multiplex, bem como a respetiva correção:
Existem dois motivos que podem explicar este comportamento:
- O número total de anúncios no bloco de anúncios multiplex é inferior a 1 ou superior a 30. Deve alterar o número de linhas e/ou colunas no bloco de anúncios multiplex para que o número total de anúncios esteja dentro do limite.
- O bloco de anúncios multiplex é demasiado largo para o número de anúncios definido. Neste caso, deve experimentar reduzir a largura do bloco de anúncios multiplex.
Utilizar a consola para encontrar erros nos blocos de anúncios multiplex
Pode utilizar a consola no seu navegador para verificar se modificou corretamente o código do anúncio multiplex. Por exemplo, a consola pode indicar se falta um parâmetro obrigatório ao código do anúncio, ou se um parâmetro contém um valor inválido.
Se estiver a utilizar o Chrome, pode seguir estes passos para testar o código do anúncio na DevTools Console:
- Visite a página que tem os seus blocos de anúncios multiplex.
- Prima Ctrl+Shift+J (Windows/Linux) ou Cmd+Opt+J (Mac).
- Verifique se o painel da Console apresenta mensagens de erro.