También puede usar parámetros si quiere definir una configuración para móviles y otra distinta para ordenadores. Por ejemplo, si asigna al parámetro de diseño un único valor, el bloque de contenido relacionado tendrá el mismo diseño en ambos tipos de dispositivos. No obstante, si elige dos valores, el primero determinará el diseño que se usará en móviles y el segundo, el que se mostrará en ordenadores. También puede usar los parámetros con los bloques de contenido relacionado AMP.
Tenga en cuenta que estas opciones solo pueden utilizarse con bloques de contenido relacionado adaptables y que debe configurar todos los parámetros para que funcionen correctamente. Una vez que haya modificado el código de anuncio, asegúrese de probar los bloques de contenido relacionado en diversos dispositivos y pantallas.
Nota: Los ejemplos que se incluyen en este artículo son modificaciones aceptables del código de anuncio de AdSense. No infringirá las políticas del programa si modifica el código de Contenido Relacionado como se describe en estos ejemplos.
Cambiar el diseño de un bloque de Contenido Relacionado 1t262r
Utilice el parámetro de diseño (data-matched-content-ui-type) para controlar la disposición del texto y de las imágenes de los bloques de Contenido Relacionado. Puede hacer que la imagen aparezca al lado del texto, sobre él, etc. Puede usar las siguientes opciones de diseño:
Imagen al lado del texto 5x2q6j
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>Tarjeta con la imagen al lado del texto 3g2k5b
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>Imagen sobre el texto 2o5a5a
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>Tarjeta con la imagen sobre el texto 1e5q1w
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>Solo texto 5ba1o
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>Tarjeta de texto 495v5z
Indicar el número de filas y columnas de un bloque de Contenido Relacionado z2x58
En los bloques de Contenido Relacionado, las recomendaciones aparecen en una tabla. Puede especificar el número de filas y columnas que quiere mostrar dentro de ella. Por ejemplo, puede configurar un bloque de Contenido Relacionado como un cuadrado de 2x2, una columna de 4x1, etc.
El parámetro data-matched-content-rows-num determina el número de filas, mientras que data-matched-content-columns-num indica el de columnas. Debe configurar ambos parámetros junto con matched-content-ui-type.
Notas:
- Hay algunas restricciones en relación con el número de filas y columnas que puede definir. Un bloque de Contenido Relacionado debe contener entre 1 y 30 recomendaciones en total. Si intenta mostrar un número distinto, el bloque se mostrará vacío.
- Es posible que a veces no aparezca la cantidad exacta de filas o columnas que ha indicado. Por ejemplo, si ha definido muchas columnas, pero la anchura del bloque no es suficiente, ajustaremos el número de filas y columnas en función del espacio disponible para ofrecer una buena experiencia de .
4x1 (móviles) y 2x2 (ordenadores) en sitios web adaptables 605f4c
Este código de ejemplo indica cómo generar un bloque de Contenido Relacionado adaptable de 4x1 en móviles y de 2x2 en ordenadores. Se recomienda usar esta configuración en sitios web adaptables.<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>