Otevření 2 stránek jedním odkazem

Tato technika je celkem rozšířená u pornowebů a stránek, které nemají problém s hodně otravnou reklamou:

<a 
href="http://jecas.cz" 
target="_blank" 
onclick="window.location = 'http://djpw.cz'">
  Odkaz na Ječas a Diskusi JPW
</a>

Níže uvedený odkaz po kliknutí zobrazí v nové záložce stránku jecas.cz (díky target="_blank") a v aktuální přejde na djpw.cz (díky window.location u události onclick):

Podobného efektu jde docílit i pomocí otevření nového okna přes window.open (při vynechání target="_blank").

<a 
href="http://jecas.cz"
onclick="window.open('http://djpw.cz');">
  Odkaz na Ječas a Diskusi JPW
</a>

Využití

Většinou se tento postup používá k zobrazení reklamy. Návštěvník klikne na odkaz, cíl se mu zobrazí v nové záložce, ale na pozadí se skriptem přesměruje na stránku s reklamou.

Jde toho využít i pro získávání provisí z affiliate programů. Samotná návštěva stánky s identifikátorem v URL na pozadí stačí k uložení cookie, která zajistí případné budoucí připsání provisí. Návštěvník si toho nemusí ani moc všimnout, protože otevření stránky na pozadí ho nevyruší od běžného prohlížení.

Jde použít i opačný postup, kdy se běžný cíl odkazu načte do stávajícího okna a reklama do nového. V takovém případě je ale návštěvník značně vyrušen reklamou.

Cíl odkazu

Po najetí na odkaz se (u desktopových prohlížečů) ve stavovém řádku obvykle zobrazuje cíl odkazu.

I tuto případnou možnost, jak odhalit odkaz vedoucí jinam, než se očekává, jde ale obejít:

Stačí k tomu jen při onmousedown prohodit cíl odkazu.

Neměly by to blokovat?

Je k úvaze, zda by toto chování neměly prohlížeče blokovat.

Ani ne, procházení pornowebů by už nebylo tak zábavné jako teď.

habendorf

Napadá vás jiný důvod, proč toto chování umožnit?

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

JS akce u odkazu

JS akce po kliknutí na odkaz

Na co si dát pozor při obsluhování odkazu JavaScriptem.

Odkaz v HTML

HTML odkazy

Všechny informace a detaily o HTML odkazech, jejich atributech a stylování pomocí CSS.

Rel=noopener

Rel=noopener

Atribut noopener dokáže zabránit manipulaci ze stránky otevřené do nového okna.

Výběr barvy (color picker)

Výběr barvy

Jak umožnit uživateli vybrat barvu z palety (pomocí JavaScriptu i bez JS).

Placeholder

HTML atribut placeholder

HTML atribut placeholder slouží k zadání ukázkové hodnoty do formulářového pole.

Komentáře