Blocos de anúncios

Como personalizar seu bloco de anúncios responsivos multiplex

Próximo: Sobre a tecnologia Accelerated Mobile Pages (AMP)

Observação: estas opções foram descontinuadas. Você ainda pode usá-las para personalizar seus anúncios multiplex, mas não podemos garantir que elas continuarão funcionando em todas as circunstâncias.

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.

Observação: os exemplos descritos neste artigo são modificações aceitáveis do código de anúncio do Google AdSense. Você pode modificar o código de anúncio multiplex de acordo com os formatos aprovados nas políticas do programa Google AdSense.

Expandir tudo Recolher tudo

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:

Imagem e texto lado a lado

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=ignored1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ignored1234567890123456"

           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>

Exemplo de anúncios com layout de imagens e texto lado a lado.

Imagem e texto lado a lado em um cartão

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=ignored1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ignored1234567890123456"

           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>

Example of an ad with Image and text side-by-side with card layout.

Imagem acima do texto

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=ignored1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ignored1234567890123456"

           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>

Exemplo de layout de anúncios com imagens acima do texto.

Imagem acima do texto em um cartão

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=ignored1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ignored1234567890123456"

           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>

Exemplo de layout de anúncios com imagens acima do texto em um cartão.

Somente texto

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=ignored1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ignored1234567890123456"

           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>

Exemplo de layout de anúncio só com texto.

Texto em um cartão

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=ignored1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

           data-ad-client="ignored1234567890123456"

           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>

Exemplo de layout do anúncio com texto em um cartão.

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.

Observação:

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

4 x 1 (dispositivos móveis e computadores)

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=ignored1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ignored1234567890123456"

             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>

Exemplo de imagem e texto dispostos um sobre o outro no Google AdSense.

2 x 2 (dispositivos móveis e computadores)

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=ignored1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ignored1234567890123456"

             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>

Bloco de anúncios multiplex no Google AdSense com 2 linhas e 2 colunas que mostra um total de 4 anúncios.

3 x 3 (dispositivos móveis e computadores)

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=ignored1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ignored1234567890123456"

             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>

Bloco de anúncios multiplex no Google AdSense com 3 linhas e 3 colunas que mostra um total de 9 anúncios.

4 x 1 (dispositivos móveis) e 2 x 2 (computadores) para sites responsivos

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=ignored1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

             data-ad-client="ignored1234567890123456"

             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>

Exemplo de imagem e texto dispostos um sobre o outro no Google AdSense.

Bloco de anúncios multiplex no Google AdSense com 2 linhas e 2 colunas que mostra um total de 4 anúncios.

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:

Seu bloco de anúncios multiplex está em branco

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.

Seu bloco de anúncios multiplex tem menos anúncios do que o esperado

Isso pode acontecer quando não há espaço suficiente para mostrar o número exato de anúncios que você especificou. Por exemplo, se você definiu um grande número de anúncios e seu bloco de anúncios multiplex é muito estreito ou está sendo visualizado em uma tela pequena. Quando isso acontece, ajustamos o número de linhas e/ou colunas para aproveitar melhor o espaço disponível. Você poderia considerar a possibilidade de mudar a largura do seu bloco de anúncios multiplex ou configurar diferentes números de linhas e colunas para dispositivos móveis e computadores.

Seus anúncios são somente de texto

Isso pode acontecer se o bloco de anúncios multiplex for muito estreito para o número de anúncios definido. Nesse caso, tente aumentar 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.

Isso foi útil?

Como podemos melhorá-lo?