Cómo Instalar los Anuncios In-Feed de Adsense en tu Blog

Para mi fue bastante engorroso poder insertar este nuevo anuncio nativo en mi blog, pero, gracias al tutorial de un blog en inglés y mi conocimiento medio de dicho idioma y de  edición html, pude por fin instalarlo después de tantas idas y vueltas. A sabiendas que hay gente con mis mismos conocimientos o menos que yo, he decidido dejarles este tuto en español para que los ayude a integrarlo en sus sitios.

Paso 1
Crea el bloque de anuncio In-Feed en tu cuenta de Adsense. 
Primero entra a tu escritorio de Google Adsense. Haz clic en Mis anuncios > Contenido > Bloque de anuncios > +Nuevo bloque de anuncios > Anuncios In-Feed

Elijes el diseño que más adecuado para tu blog, lo configuras a tu gusto y guardas.

Y finalmente obtienes el código para insertarlo en el blog:

El próximo paso es entrar al escritorio de Blogger > Tema > Editar HTML

Ahora tenemos que encontrar este código en la plantilla:

<b:loop values='data:posts' var='post'>

Para eso presiona el botón "Ctrl" + "F" para buscar y pegamos el código en el cuadro de búsqueda y luego presionamos "Enter".







Cuando lo encontremos vamos a reemplazarlo por este otro código:
<b:loop values='data:posts' var='post' index='x'>

Después busca este otro código:
<div class='post-outer'>






Y justo debajo de ese código pegamos este otro:



<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>

Ahora debes reemplazar "YOUR CODE SCRIPT NATIVE CODE" por el código del Anuncio In-Feed. Quedaría algo así:

Dale a vista previa para ver si todo quedó bien. Si todo se muestra sin problemas, guarda los cambios, pero, si te sale esto de abajo es porque hay un conflicto con el código de Adsense con la plantilla.

En ese caso debes pegar dicho código en un convertidor de HTML a XML. Te dejo el link de la página: http://html-to-xml-parser.blogspot.com/

Ahora pegaremos el código del anuncio In-Feed en la primera ventana y el nuevo código transformado aparecerá en la ventana de abajo.

Copiamos el código nuevo y lo pegamos en lugar del código anterior en la plantilla de nuestro blog. quedaría así:

Volvemos a ver en Vista Previa para ver si todo quedó bien. Si nuestro blog se visualiza sin problemas es porque el código funciona sin problemas. Es ese caso, guardamos los cambios y ya tendremos los Anuncios In-Feed entre nuestras entradas. Deberás esperar unos 20 minutos para que se visualicen en el blog. ¡Y eso es todo, amigos!

Fuente: http://mybacklink86.blogspot.com.ar/2017/07/how-to-install-google-adsense-in-feed.html

Notas de una Bloggera Descuidada:
¡Hola de nuevo, mis queridos arrinconados! ¿Cómo han estado? Hacía mucho tiempo que no subía un tutorial para los usuarios de Blogger y ya casi ni me acordaba de los códigos HTML, las ediciones y esas cosas... Igualmente me entretuve buscando la solución a este pequeño problema de conflictos en las plantillas y los nuevos códigos XD

¡Muchas gracias por visitar el blog!

¡Cuídense!

¡Nos vemos en la próxima entrada!

Sayounara Bye Bye!!!

Gabriella Yu

También te podría interesar...