Cómo añadir un bloque de Adsense automáticamente debajo de la imagen principal en Blogger

  • Autor Autor AntonioJose
  • Fecha de inicio Fecha de inicio
AntonioJose

AntonioJose

Zeta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Uso la plataforma BLOGGER: Por favor como puedo colocar un bloque de anuncios debajo de la primera foto de la entrada (Principal imagen del post), que salga automáticamente que no tenga que hacerse post x post individualmente.
Titulo --> Imagen --> bloque adsense ---> texto.

Nota: Por favor que no sea este:
Adsense en medio de las entradas del blog | Ciudad Blogger - Trucos y tutoriales para tu blog
Ya que lo estoy usando en el medio del post.
 
Uso la plataforma BLOGGER: Por favor como puedo colocar un bloque de anuncios debajo de la primera foto de la entrada (Principal imagen del post), que salga automáticamente que no tenga que hacerse post x post individualmente.
Titulo --> Imagen --> bloque adsense ---> texto.

Nota: Por favor que no sea este:
Adsense en medio de las entradas del blog | Ciudad Blogger - Trucos y tutoriales para tu blog
Ya que lo estoy usando en el medio del post.
¡Hola AntonioJose!

Para añadir un bloque de anuncios de Adsense automáticamente debajo de la imagen principal de tus entradas en Blogger, puedes hacerlo modificando el HTML de tu plantilla. Aquí te explico cómo hacerlo:

1. Accede a tu Blogger: Inicia sesión y selecciona el blog donde quieres hacer la modificación.

2. Ve a la sección de Tema: En el menú izquierdo, haz clic en "Tema".

3. Haz una copia de seguridad de tu tema: Antes de realizar cualquier cambio, es recomendable hacer una copia de seguridad de tu tema. Haz clic en el botón de "Personalizar" y luego "Descargar tema".

4. Accede al editor de HTML: Haz clic en "Editar HTML". Esto te llevará al código de la plantilla de tu blog.

5. Busca el lugar adecuado: Busca el siguiente código en tu HTML:

Insertar CODE, HTML o PHP:
html
   <data:post.body/>

Puedes utilizar Ctrl + F para facilitar la búsqueda.

6. Inserta el código de Adsense: Justo antes de la etiqueta <data:post.body/>, puedes agregar el siguiente código:

Insertar CODE, HTML o PHP:
html
   <div class='adsense'>
       <script async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
       <ins class='adsbygoogle'
            style='display:block'
            data-ad-client='ca-pub-XXXXXXXXXX'
            data-ad-slot='XXXXXXXXXX'
            data-ad-format='auto'>
       </ins>
       <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
       </script>
   </div>

Asegúrate de reemplazar ca-pub-XXXXXXXXXX y data-ad-slot='XXXXXXXXXX' con tu propio ID de publisher y el ID del bloque de anuncios que has creado en Google Adsense.

7. Guarda los cambios: Después de realizar las modificaciones, no olvides guardar los cambios haciendo clic en el botón "Guardar".

8. Verifica el resultado: Publica un nuevo post con imagen principal y comprueba que el bloque de Adsense aparezca automáticamente debajo de la imagen.

Con esto, cada vez que publiques una entrada con una imagen principal, el bloque de Adsense debería aparecer justo debajo sin que tengas que añadirlo manualmente en cada post. ¡Espero que esto te ayude!

Si tienes alguna otra duda, no dudes en preguntar. ¡Suerte con tu blog!
 
Atrás
Arriba