Tutorial: Cómo poner banners cambiantes en blogger

¡Hola betas!

Estaba probando un nuevo tipo de publicidad la cual no consiste en el típico código de adsense que pones y cada vez sale un anuncio, sino que tú mismo tienes que poner el banner. Lo que ocurre es que no quería poner un solo anuncio, sino que fuera cambiando para no aburrir a los usuarios y poder comparar además los diferentes anuncios para saber los que me traen mejores beneficios, por lo que me informé de cómo poner banners cambiantes.

En wordpress simplemente habría buscado un plugin que lo hiciera pero en blogger hay que tocar el código como muestro a continuación.

Es muy sencillo, sólo hay que añadir este texto antes de la etiqueta </head> en nuestro sitio.

<script language='javascript' type='text/javascript'>
//<![CDATA
var max=2;
var thisbanner=1;
var banner=new MakebannerArray(max);

function MakebannerArray(n)
{
this.length=n;
for (var i=1; i<=n; i++)
{
this="";
}
return this;
}
banner[1]='<a href="enlace 1"><img border="0" src="URL imagen 1" width="300" height="250"/><\/a>';
banner[2]='<a href="enlace 2"><img border="0" src="URL imagen 2" width="300" height="250"/><\/a>';

function rand(n)
{
rnum=Math.floor(n*Math.random())+1;
return rnum;
}

function setbanner()
{
thisbanner=rand(max);
}
//]]></script>

Hacer clic para expandir...

Lo que sale en rojo hay que cambiarlo por el número de banners distintos queamos poner, los cuales se añadirían a continuación de los dos que hay puestos sumando cada vez un número: banner[3], banner[4], etc.

Y luego en la parte que queramos de la plantilla esto:

<script language='JavaScript' type='text/javascript'>
//<![CDATA[
<!--
setbanner();
document.write (banner[thisbanner]);
// -->
//]]></script>

Hacer clic para expandir...

Interesante, gracias por el tutorial.

Muy util, gracias por el tutorial

Soy muy noob en este tema, ¿Puedes explicar el script un poco más?

Muy bien, gracias

Gracias por la explicación. Saludos!