Visitar Patrocinadores antes de entrar a web

Muchas veces nos hemos visto obligados a poner publicidades y propagandas de patrocinadores en nuestra web para poder obtener un dinero extra y mantener nuestro hosting o dominio y nuestras web actualizadas e incluso hay muchos programadores web que optan por poner líneas de código para que al momento de dar clic en su web se abran po-pup o elementos emergentes obligándonos a entrar en un mundo lleno de publicidad, aunque esto sea molestoso a veces lo interesante del post nos obliga a adentrarnos más y más ..

Qué es un elemento emergente?

Un elemento emergente es una ventana pequeña del explorador que se abre encima del sitio web que se está viendo. Las ventanas emergentes suelen abrirse nada más para visitar un sitio web y normalmente las crean anunciantes.

Bién pues en este post voy a enseñarles cómo con este pequeño javascript podrás obligar a que los usuarios de tu web entren a tus sponsor sin necesidad de abrir elementos emergentes ..

Coloca el siguiente código dentro de <head> y </head> para activar el javascript ..

Adicional deberás modificar los enlaces de tus sponsor y la de tu web ..

<script language="JavaScript">

function click() {

if (event.button==2) {

alert('Por favor, visita los patrocinadores para poder continuar');


}

}

document.onmousedown=click

var win='toolbar=1,directories=0,menubar=0,scrollbars=1,resizable=1,width=650,height=650';

function go(url)

{

window.open(url,'',win)

}

voteone = 0
votetwo = 0

function vote1() {
	voteone = 1;
window.open("http://doctorpc.clanteam.com","TGA","location=no,toolbar=no,directories=no,status=no,menubar=no,resizable=yes,scrollbars=yes,width=750,height=600,top=0,left=0");

}

function vote2(){
  votetwo = 1;
  window.open("http://todophp.atwebpages.com","BWS","location=no,toolbar=no,directories=no,status=no,menubar=no,resizable=yes,scrollbars=2,width=750,height=600,top=0,left=0");
}

function Entrance(){
   if (voteone == 1 && votetwo == 1){
 	window.location="http://www.bloguero-ec.com"
}

else if(voteone != 1 && votetwo !=1){ 
	alert("Para ver esta página tendrás que visitar nuestros patrocinadores...");
}

else if (voteone !=1 && votetwo ==1){
    alert("Por favor, visita a nuestro patrocinador 1");
}

else if (voteone == 1 && votetwo !=1){
	alert("Por favor, visita a nuestro patrocinador 2");
}

}


</script>

Ahora crearemos el formulario de los enlaces a las publicidades antes de que los usuarios entren a la web, con un poco de css podrás mejorar el aspecto y adaptarlo a cualquier web…

  <div align="center">
  <form name="form1">
  <input class="botonweb" name="Button1" onclick="Entrance();" type="button" value="  Entrar ">
  <input class="botonsponsor" name="Vote1" onclick="vote1()" type="button" value="Patrocinador 1">
  <input class="botonsponsor" name="Button2" onclick="vote2();" type="button" value="Patrocinador 2">
  <form method="post" action>
  </form>
</div>

Le he dado este pequeño aspecto con un poco de css…

	<style type="text/css"> html,body {background-color:#000000;} .botonweb{
	cursor:pointer;
	border: 1px solid #999999;
	padding: 4px;
	background:#CCCCCC;
	color:#000000;
	width: 150px;
	border-radius:10px;

}
.botonweb:hover {background:#999999;}
.botonsponsor{
	cursor:pointer;
	border: 1px solid #006699;
	padding: 4px;
	color:#009999;
	width: 150px;
	border-radius:10px;

}
.botonsponsor:hover {background:#999999;}

Espero les sirva en algún proyecto cualquier duda dejen sus comentarios suerte hasta la próxima…

Versiones de navegadores :

Este script funciona en : Todos los navegadores.

Demostración

 

Relacionado