Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Cuando pulsen la publicidad que vaya a otro link

HTML - Cuando pulsen la publicidad que vaya a otro link

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 32 puestos en HTML (en relación al último mes)
Gráfica de HTML

Cuando pulsen la publicidad que vaya a otro link

Publicado por Natán (1 intervención) el 21/12/2020 21:42:21
Necesito ayuda ya que quiero hacer que cuando una persona presione un iframe de un anuncio de a-ads le salga un boton abajo de ese anuncio que cuando lo presione lo envie a un link que yo ponga

este es el codigo del anuncio:

1
<iframe data-aa="1529915" src="//ad.a-ads.com/1529915?size=728x90" scrolling="no" style="width:728px; height:90px; border:0px; padding:0; overflow:hidden" allowtransparency="true"></iframe>

agradeceria que me ayudaran, muchas gracias y que tengan un buen dia.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 1.453
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Cuando pulsen la publicidad que vaya a otro link

Publicado por joel (460 intervenciones) el 22/12/2020 07:33:31
Hola Natán, la manera de hacerlo, es poniendo el <iframe> debajo de una capa transparente que tenga el enlace hacia la nueva dirección... haber si te sirve este código de ejemplo... la primera publicidad va a lawebdelprogramador.com y la segunda publicidad va a google.com

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<style>
.ad {
    width:728px;
    height:90px;
    position: relative;
}
.link {
    position: absolute;
    height:100%;
    width:100%;
    cursor:pointer;
}
</style>
 
<div class='ad'>
    <div class="link" data-url="https://www.lawebdelprogramador.com"></div>
    <iframe data-aa="1529915" src="//ad.a-ads.com/1529915?size=728x90" scrolling="no" style="width:728px; height:90px; border:0px; padding:0; overflow:hidden" allowtransparency="true"></iframe>
</div>
 
<div class='ad'>
    <div class="link" data-url="https://www.google.com"></div>
    <iframe data-aa="1529915" src="//ad.a-ads.com/1529915?size=728x90" scrolling="no" style="width:728px; height:90px; border:0px; padding:0; overflow:hidden" allowtransparency="true"></iframe>
</div>
 
<script>
    document.querySelectorAll(".link")
        .forEach(el => el.addEventListener("click", function(e) {
            e.preventDefault();
            window.location.href=this.dataset.url;
        })
    );
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar