Evento onclick não funciona

Joa · 02/03/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 · 02/03/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 · 02/03/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 · 02/03/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 · 02/03/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 · 02/03/2020

Joa disse:
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 · 02/03/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 · 02/03/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 · 02/03/2020

Stron disse:
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 · 02/03/2020

vellenger disse:
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 · 02/03/2020

Te dejo el codigo completo aqui.
🙂

Inserir CODE, HTML ou 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 · 02/03/2020

vellenger disse:
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 · 02/03/2020

vellenger disse:

Te dejo el codigo completo aqui.
🙂

Inserir CODE, HTML ou 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 · 02/03/2020

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

Evento onclick não funciona

Joa

vellenger

Joa

Stron

Joa

Stron

vellenger

vellenger

Joa

Joa

vellenger

Joa

Joa

Dieguit0sk8

Tópicos similares