Finally the help of IT is here

Blog de soluciones informaticas.

Insertar publicidad en Blogger

Escrito por Xavier Xaus Nadal on Abril 29th, 2012

Save pagePDF pageEmail pagePrint page

Hoy vamos a explicar como insertar un código de publicidad en vuestro blog desarrollado bajo tecnología Blogger, vamos a hacerlo un poco más complicado de lo normal, os cuento:

Con este artículo conseguiremos ubicar un bloque de anuncios en un artículo de blogger pero sin que este aparezca en la página principal del blog ya que como sabéis los que tenéis adsense las políticas de uso nos impiden poner más de 3 bloques de publicidad del mismo tipo en una misma página.

Lo primero que debemos hacer es acceder a la administración de nuestra cuenta de Adsense o del gestor de publicidad que vosotros tengáis y obtener el código de publicidad que mejor se adapte a las medidas de vuestro blog.

Por ejemplo el código que hemos escogido hoy es el siguiente: un banner de 468×60

<script type=”text/javascript”><!–
google_ad_client = “ca-pub-2342147052953367”;
/* contessota */
google_ad_slot = “6351243105”;
google_ad_width = 468;
google_ad_height = 60;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

Cuando tengáis el código pulsáis sobre cualquiera de estos 2 enlaces que convertirán el código HTML a un texto plano entendible totalmente por blogger.

http://nosetup.org/php_on_line/convertir_html_texto

http://blogcrowds.com/resources/parse_html.php

Os debería quedar algo como lo siguiente:

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;ca-pub-2342147052953367&quot;;
/* contessota */
google_ad_slot = &quot;6351243105&quot;;
google_ad_width = 468;
google_ad_height = 60;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

A partir de este momento únicamente debemos definir donde ubicar nuestra publicidad en el blog.

Accedemos a blogger con nuestra cuenta de administrador del blog y nos ubicamos en el menú Plantilla.

adsenseblogger2

Para asegurarnos que no vamos a destrozar nada os recomiendo que hagáis una copia de seguridad de la plantilla de blogger actual de la siguiente manera:

Pulsamos sobre Crear copia de seguridad/Restablecer y almacenamos en nuestro disco duro una copia de la actual plantilla para si fuera el caso poderla restaurar en un futuro.

Ahora que ya tenemos una copia realizada ya podemos estar más tranquilos y modificar el HTML a nuestro antojo (Cuidado con lo que tocáis,…)

En este ejemplo pondremos la publicidad justo antes de los botones sociales pero al finalizar el texto del artículo como podéis comprobar en la siguiente imagen:

adsenseblogger

 

Pulsamos sobre el botón Edición HTML del menú Plantilla

adsenseblogger3

Pulsamos sobre continuar.

adsenseblogger5

Marcamos Expandir plantillas de artilugios y buscamos la siguiente cadena de texto <div class=’post-header-line-1′>

adsenseblogger7

Nos situaremos exactamente debajo de <div style=’clear: both;’/> <!– clear for photos floats –> para que el bloque de anuncios quede completamente centrado.

Ahora vamos a realizar unas pequeñas modificaciones en el código que tenemos actualmente y que hemos recogido de las webs anteriormente mencionadas:

El texto era el siguiente: Copiadlo en un notepad o notepad++

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;ca-pub-2342147052953367&quot;;
/* contessota */
google_ad_slot = &quot;6351243105&quot;;
google_ad_width = 468;
google_ad_height = 60;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

Para que únicamente aparezca la publicidad en los artículos cuando los abrimos pero no en la página principal del blog, debemos empezar el texto por un código entendible por blogger y que realiza una comprobación de si el tipo de página es un artículo “item” o la página principal.

<b:if cond=’data:blog.pageType == “item”‘>

y al final del texto para cerrar la condición:

</b:if>

Ahora deberíais tener un código similar al siguiente:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;ca-pub-2342147052953367&quot;;
/* contessota */
google_ad_slot = &quot;6351243105&quot;;
google_ad_width = 468;
google_ad_height = 60;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

</b:if>

Pero para hacerlo más bonito vamos a añadir un poco más de código para poder centrar la publicidad en nuestro artículo añadiendo las 2 siguientes líneas de código:

Justo debajo de <b:if cond=’data:blog.pageType == &quot;item&quot;’> escribimos:

<div style=’align:center;’><br/>

Y justo antes de </b:if> escribimos:

</div>

Quedando el código completo de la siguiente manera:

<b:if cond=’data:blog.pageType == “item”‘>
<div style=’align:center;’><br/>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;ca-pub-2342147052953367&quot;;
/* Contes Cuadrats Article */
google_ad_slot = &quot;5083574138&quot;;
google_ad_width = 200;
google_ad_height = 200;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</div>
</b:if>

Espero que os haya sido de ayuda y si tenéis cualquier pregunta al respecto ya sabéis que vuestros comentarios siempre son bienvenidos.

Atentamente:

El equipo de MegaCracks.

Related Posts Plugin for WordPress, Blogger...
Etiquetas: , , , , , , , , , , , , , ,


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>