¿Cómo ocultar la URL de un banner de afiliado?

  • Autor Autor Golfo
  • Fecha de inicio Fecha de inicio
G

Golfo

Delta
Redactor
Hola! No puedo resolver este problema, a ver si alguno de los expertos en códigos me echa una mano, que se lo agradeceré. 😛8:

Quiero aplicar algo parecido a esto de aquí abajo pero con una imagen:

<a onclick="javascript:window.location='https://enlace-oculto.com'
return false" href="http://www.enlacequesemostrara.com">texto</a>

Con este código se consigue que al poner el ratón encima del link no se vea la verdadera url en la barra de estado, sino que aparezca una url a nuestro gusto. Por ejemplo, es útil para ocultar los links de referidos o afiliados.

Lo que no consigo es hacer lo mismo con un banner de afiliado al que quiero ocultar la url de la barra de estado. ¿Habría alguna forma de aplicar esto a un enlace con imagen?
 
Aver no entendí bien tu pregunta

Así quedaría

<a onclick="javascript:window.location='https://enlace-oculto.com'
return false" href="http://www.enlacequesemostrara.com"><img border=0 src="url-imagen.png" width=23 height=45 /></a>


Saludos.
 
Así es como lo puse pero no funciona, el click abre la url "http://www.enlacequesemostrara.com" en lugar de la que debería abrir: la url oculta. :grumpy:
 
Pues es que abre el href, que pasa si solo lo borras y listo? No aparece nada pero si funciona al click =)
 
Si quito el href, cuando paso el ratón por encima del banner no sale la manita, solo el cursor, y eso puede hacer dudar a inexpertos, que piensen que es una imagen en la que no se puede hacer click y puede que no al final no hagan click... Pero no entiendo por qué en enlaces de texto funciona perfectamente y cuando se aplica a una imagen acaba abriendo la url que no es... :fatigue:
 
Con CSS puedes poner la manita =)
HTML:
<body>
<img src="http://forobeta.com/images/misc/logo.png" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.cursos='default'" onclick="javascript:window.location='https://enlace-oculto.com'" />
<p></p>
<a onmouseover="this.style.cursor='pointer'" onmouseout="this.style.cursos='default'" onclick="javascript:window.location='https://enlace-oculto.com'">Texto</a>
</body>

Es con CSS pero digamos que desde javascript ..

El primero es una imagen y el segundo en un link
 
Gracias, funciona ok de esa forma. Lo único que no consigo que funcione ahora es el target="_blank" para que abra en una nueva ventana. ¿En qué parte concreta hay que colocarlo para que haga caso?

Lo coloqué así y no abre en una nueva ventana. El title si funciona pero no el "target="_blank"

HTML:
<a onclick="javascript:window.location='http://xxxx.hop.clickbank.net/?tid=xxx'
return false"><img src="http://xxxx468x60.gif" width="468" height="60" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.cursor='default'" onclick="javascript:window.location='http://xxxx.hop.clickbank.net/?tid=xxx' target="_blank" title="titulo de la imagen""/></a>
 
Para que pones dos veces las propiedades en la etiqueta "A" y otra vez en en la "Img" .. Yo solo te di 2 ejemplos pero creo que las puedes poner donde gustes (HABLO POR EL ONLICK) y pues la etiqueta IMG no tiene target, prueba en la "A" aver que onda.

Pero no te va a abrir porque en la A no tienes href, entonces dejame ver si existe algo para javascript xD
 
NO te compliques tanto, hazlo así:

<a href="enlace-oculto" onMouseOver="window.status='Esto se ve al pasar el raton por encima';return true;" onMouseOut="window.status='';return true;">TEXTO</A>

De todas formas creo que esa propiedad sólo funciona en IExplorer, no así en Firefox y no se si en algún navegador más.
 
Última edición:
Yo eso asi lo probaba y no funcionaba en firefox..

Tambien puedes usar windows.open en la parte de "onclick" para que se abre otra ventana (si no recuerdo es como las ventanas esas de publicidad) busca mas en google, ahorita no puedo facilitarte codigo =D
 
Atrás
Arriba