Evento onclick no funciona

Joa · 2 Mar 2020

Hola, quiero que al hacer click en un publicidad en mi sitio, se abra la publicidad, y en unos segundos me redireccione a otra pagina, cosa que no ocurre, este es la función que cree:

function LanzaEvento()
{
setTimeout("location.href='PlantillaLinks.php'", 10000);
}

y yo encierro la publicidad en un div

<div align="center" onclick="LanzaEvento()">

probé a encerrar la publicidad en un <article>, en un <section>, y dentro de la publicidad probé mil formas de que al hacer click me redireccione a la publicidad, y en los siguientes 10 segundos, dentro de la pagina original me redireccione a otra, la publicidad tenia dos scripts y en medio de esos dos un <ins>, alguien sabe porque no funciona? me funciono perfectamente con url´s y botones, muchas gracias

vellenger · 2 Mar 2020

Que tipo de publicidad usas?
No todas funcionan de la misma manera, y deberias usar otro metodo que no sea onclick ya que la mayoria de las publis se abren con target _blank y entonces el div no lo detecta.

Joa · 2 Mar 2020

Uso banners, que por lo que vi los propios scripts estan conectados a un sitio con mas scripts, hay alguna forma que no sea onclick, o encerrando la publicidad de otra manera, para que funcione? quiero, como ya dije, que al hacer click en dicho anuncio, se abra el anuncio, pero a la vez, empieze un contador interno de 10 segundos, el cual al finalizar redireccionará al usuario a otro sitio web, en la pagina original

En el <head>

<script LANGUAGE="JavaScript">
function LanzaEvento()
{
setTimeout("location.href='PlantillaLinks.php'", 1000);
}
</script>

En el <body>

<div align="center" onclick="LanzaEvento()">


<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>
<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>
<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>


</div>

PD: Muchas gracias por contestar

Stron · 2 Mar 2020

usa addEventListener en lugar de onclick, agregale un id al div
<div id="evento" align="center">

JavaScript:

 document.getElementById('evento').addEventListener("click", function(){
    setTimeout("location.href='PlantillaLinks.php'", 1000); 
 })

Joa · 2 Mar 2020

Gracias por responder, así sería? lo intente y no me va

En el <head>

<script LANGUAGE="JavaScript">
document.getElementById('evento').addEventListener("click", function(){
setTimeout("location.href='PlantillaLinks.php'", 1000);
})
</script>

En el <body>

<div id="evento" align="center">

<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>

<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>

<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>

</div>

Stron · 2 Mar 2020

Joa dijo:
Gracias por responder, así sería? lo intente y no me va

En el <head>

<script LANGUAGE="JavaScript">
document.getElementById('evento').addEventListener("click", function(){
setTimeout("location.href='PlantillaLinks.php'", 1000);
})
</script>

En el <body>

<div id="evento" align="center">

<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>

<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>

<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>

</div>

ponga el script abajo, en el footer o debajo de su <div>, ya que debe cargarse primero el div y luego el script, no al revés.

vellenger · 2 Mar 2020

Lo que puedes hacer es encerrar en un div la publicidad con un ID .
<div id="div"> AQUI EL CODIGO DE LA PUBLICIDAD </div>
Una ves asignado un ID en este caso el ID (DIV) usamos el siguiente codigo.

JavaScript:

<script>
$(document).ready(function(){
var mouseOverActiveElement=false;  
$('#div').hover(function(){mouseOverActiveElement = true; }, function(){ mouseOverActiveElement = false; });
    window.onblur = function(){
        if(mouseOverActiveElement){
            setTimeout(function(){ window.location="https://www.google.com"; }, 1000);      
            mouseOverActiveElement=false;
        }                  
    }              
});
</script>

Debes agregar la Libreria Jquery tambien en el head, el div primero y al finalizar el codigo..
🙂

vellenger · 2 Mar 2020

Esta publi no la he usado, pero si te recomendaria usar otras publicidades, dependiendo tu contenido, por que esta es para contenido adulto me imagino, pero hay oras que creo obtendrias mejores ingresos.

Joa · 2 Mar 2020

Stron dijo:
ponga el script abajo, en el footer o debajo de su <div>, ya que debe cargarse primero el div y luego el script, no al revés.

Gracias nuevamente por sus consejos y paciencia! lo que deseo hacer es que me abra la publicidad, cosa que hace, pero que tambien luego de cierto tiempo me abra en la pagina original, la otra pagina, cosa que no pasa al hacerlo como usted me dijo, le paso el codigo, como usted me dijo que lo pusiera

En el <body>

<div id="evento" align="center">

<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>

<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>

<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>

</div>

<script LANGUAGE="JavaScript">
document.getElementById('evento').addEventListener("click", function(){
setTimeout("location.href='PlantillaLinks.php'", 1000);
})
</script>

PD: muchas gracias por tomarte el tiempo de contestar

Joa · 2 Mar 2020

vellenger dijo:
Lo que puedes hacer es encerrar en un div la publicidad con un ID .
<div id="div"> AQUI EL CODIGO DE LA PUBLICIDAD </div>
Una ves asignado un ID en este caso el ID (DIV) usamos el siguiente codigo.

JavaScript:

<script> $(document).ready(function(){ var mouseOverActiveElement=false; $('#div').hover(function(){mouseOverActiveElement = true; }, function(){ mouseOverActiveElement = false; }); window.onblur = function(){ if(mouseOverActiveElement){ setTimeout(function(){ window.location="https://www.google.com"; }, 1000); mouseOverActiveElement=false; } } }); </script>

Debes agregar la Libreria Jquery tambien en el head, el div primero y al finalizar el codigo..
🙂

Gracias por contestar de nuevo, esto es lo que puse en el <body>

<div id="#div" align="center">

<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>

<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>

<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>

</div>

<script>
$(document).ready(function(){
var mouseOverActiveElement=false;
$('#div').hover(function(){mouseOverActiveElement = true; }, function(){ mouseOverActiveElement = false; });
window.onblur = function(){
if(mouseOverActiveElement){
setTimeout(function(){ window.location="https://www.google.com"; }, 1000);
mouseOverActiveElement=false;
}
}
});
</script>

¿Qué debería poner en el <head>? no me quedo muy claro, pero gracias de todos modos, aun no me va

vellenger · 2 Mar 2020

Te dejo el codigo completo aqui.
🙂

Insertar CODE, HTML o PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<br>
<center>
<div id="div">
<!-- JuicyAds v3.1 -->
<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>
<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>
<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>
<!--JuicyAds END-->
</div>
</center>

<script>
$(document).ready(function(){
var mouseOverActiveElement=false;  
$('#div').hover(function(){mouseOverActiveElement = true; }, function(){ mouseOverActiveElement = false; });
    window.onblur = function(){
        if(mouseOverActiveElement){
            setTimeout(function(){ window.location="https://www.google.com"; }, 3000);      
            mouseOverActiveElement=false;
        }                  
    }              
});
</script>
</body>
</html>

Joa · 2 Mar 2020

vellenger dijo:
Esta publi no la he usado, pero si te recomendaria usar otras publicidades, dependiendo tu contenido, por que esta es para contenido adulto me imagino, pero hay oras que creo obtendrias mejores ingresos.

Soy nuevo en esto y ahora voy a empezar a probar distintas empresas, según leí en este mismo foro son confiables, y mas investigación personal, pagan relativamente bien, pero quiero corroborarlo, tengo mas alternativas en mente, pero si paga un poco bien, me quedare con esta hasta que tenga trafico suficiente para otras que tienen mejor CTC y CPM.

Joa · 2 Mar 2020

vellenger dijo:

Te dejo el codigo completo aqui.
🙂

Insertar CODE, HTML o PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<br>
<center>
<div id="div">
<!-- JuicyAds v3.1 -->
<script type="text/javascript" data-cfasync="false" async src="https://poweredby.jads.co/js/jads.js"></script>
<ins id="828536" data-width="908" data-height="270" onclick="LanzaEvento()"></ins>
<script type="text/javascript" data-cfasync="false" async>(adsbyjuicy = window.adsbyjuicy || []).push({'adzone':828536});</script>
<!--JuicyAds END-->
</div>
</center>

<script>
$(document).ready(function(){
var mouseOverActiveElement=false; 
$('#div').hover(function(){mouseOverActiveElement = true; }, function(){ mouseOverActiveElement = false; });
    window.onblur = function(){
        if(mouseOverActiveElement){
            setTimeout(function(){ window.location="https://www.google.com"; }, 3000);     
            mouseOverActiveElement=false;
        }                 
    }             
});
</script>
</body>
</html>

FUNCIONA PERFECTO!!! muchas gracias, me salvaste 🙂

Dieguit0sk8 · 2 Mar 2020

Que lindo es ver black hat por el foro, Gracias!

Evento onclick no funciona

Joa

vellenger

Joa

Stron

Joa

Stron

vellenger

vellenger

Joa

Joa

vellenger

Joa

Joa

Dieguit0sk8

Temas similares