Anderen Link anzeigen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
beispiel
besuchen
code
datei
folgendem inhalt
funktion
header
hilfe
http
klicken
nutzen
statistik
suche
target
umsetzen
url
verzichten
weiterleitung
ziel
-
Hallo
auf einigen Seiten wird man, wenn man auf einen Link klickt, nicht direkt zum Ziel geleitet, sondern gerät auf eine andere Adresse, die meist Statistik-Funktionen dient und einen dann zum Ziel weiterleitet. Der Nutzer merkt davon meist wenig, wenn Ladezeiten schnell genug sind.
Ich gedenke ebenfalls, eine solche Funktion auf meinen Webseiten zu nutzen und habe daher zwei Fragen: Ist das überhaupt legal, ist das empfehlenswert oder sollte man aus Datenschutzgründen (oder Anderen) besser die Finger davon lassen? Wie kann man es umsetzen, dass das eigentliche Linkziel trotzdem angezeigt wird? (JavaScript o. Ä.)Abstimmung (Nur eine Auswahl möglich)
Unbedenklich 85,71 % (6 Stimmen) Nicht zu empfehlen 14,29 % (1 Stimme) Illegal 0 % (0 Stimmen) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du zeigst über das href-Attribut einfach auf den originalen Link. Der Rest kommt über Javascript, dh bei onclick führst du eine Funktion aus, die die original Aktion abbricht (preventDefault) und stattdessen deinen Statistik Link aufruft (kann man in anderem Attribut oä hinterlegen). Dann speicherst du deine - welche auch immer - Statistiken und leitest mittels PHP (zb) auf die originale Seite weiter.
Den originalen Link von Anfang an im Href stehen zu haben hat den Vorteil, dass der User immer sehen kann wo der Link hin leitet und auch dorthin geleitet wird, eben auch bei deaktiviertem JS, nur funktioniert an der Stelle deine Statistik nicht. -
Wie so oft, ist Javascript auch hier nur das schlechtere Mittel, um das Ziel zu erreichen.
Einfacher geht es mit php.
Man nehme eine Datei Namens redirect.php mit z.B. folgendem Inhalt:
<html> <head> <title>Weiterleitung</title> <meta name="robots" content="noindex, nofollow"> <?php echo "<meta http-equiv='refresh' content='0; URL=". $_GET['dahin'] . " /'>"; ?> </head> <body> Wenn Sie nicht automatisch zu <?php echo $_GET['dahin']; ?> weitergeleitet werden, klicken sie bitte <a href="<?php echo $_GET['dahin']; ?>" target="_blank"> hier</a>. <br> </body> </html>
Alternativ zum Meta-Refresh kann man auch ein Header-Redirect nutzen. Das Ergebnis tut sich nix.
Die Links auf der Webseite, die über diese Weiterleitung laufen sollen, müssen natürlich bearbeitet werden.
Ein <a href="ziel.tld">Linkname</a> funktioniert da nicht.
Links sollten dann wie folgt formatirt sein:
<a href="./redirect.php?dahin=ziel.tld">Linkname</a>
Wenn der Aufruf aus einem php-Script erfolgt, kann man das Ziel auch noch browsersicher verpacken:
echo '<a href="./redirect.php?dahin='.urlencode(ziel.tld).'">Linkname</a>';
Dann gibt es auch keinen Ärger, wenn sonderzeichen in der Zieladresse verwendet werden.
-
fatfreddy schrieb:
Einfacher geht es mit php.
Man nehme eine Datei Namens redirect.php mit z.B. folgendem Inhalt:
<html> <head> <title>Weiterleitung</title> <meta name="robots" content="noindex, nofollow"> <?php echo "<meta http-equiv='refresh' content='0; URL=". $_GET['dahin'] . " /'>"; ?> </head> <body> Wenn Sie nicht automatisch zu <?php echo $_GET['dahin']; ?> weitergeleitet werden, klicken sie bitte <a href="<?php echo $_GET['dahin']; ?>" target="_blank"> hier</a>. <br> </body> </html>
Wenn man die Möglichkeit hat auf PHP zurückzugreifen, dann sollte man aber auch auf META-Redirects oder Javascript-redirects verzichten, da diese am Client manipuliert oder ausgeschaltet werden können
siehe auch: http://blog.antikoerperchen.de/beitrag/38/.html
-
Danke für Eure Hilfe, aber es ist nicht die Weiterleitung, nach der ich suche. Als Statistik- und Weiterleitungs-Komplex habe ich vor, YOURLS zu benutzen. Ich suche nur nach der Möglichkeit, den Ziellink beim Überfahren mit dem Mauszeiger statt dem YOURLS-Link anzuzeigen und werde als Erstes die von copynpaste beschriebene JS-Lösung ausprobieren.
Beitrag zuletzt geändert: 29.4.2014 15:48:25 von funnyweb -
funnyweb schrieb:
Da bleiben ja nicht viele Möglichkeiten. ;)
Ich suche nur nach der Möglichkeit, den Ziellink beim Überfahren mit dem Mauszeiger statt dem YOURLS-Link anzuzeigen
Die Links können jeweils angepasst werden.
Bei der JavaScript-Variante kann das JavaScript ausgelagert werden.
1) JavaScript
Die Links werden beim überfahren mit der Maus angezeigt.
Ist JavaScript ausgeschaltet, funktionieren die üblichen Links.
2) PHP (mit Hilfe einer Form)
Die Links werden überhaupt nicht angezeigt.
Ist Javascript ausgeschaltet, funktioniert es trotzdem. (weil PHP)
Beispiele
1) JavaScript
>> Online-Beispiel <<
<html><head><title>Linkverschleiern: JavaScript</title> <script language="JavaScript"> function dw() { document.write ('\n\n', '<a href="https://www.google.de/" onClick="location.href=\'http://www.freenet.de/\';return false;">https://google.de</a><br />\n', '<a href="https://duckduckgo.com/" onClick="location.href=\'http://www.telefoniert-nach-hause.de/index.php/Hauptseite\';return false;">https://duckduckgo.com</a><br />\n', '<a href="https://startpage.com/" onClick="location.href=\'http://gabrielecirulli.github.io/2048/\';return false;">https://startpage.com</a><br />\n', '<a href="https://ixquick.com/" onClick="location.href=\'http://www.youtube.com/watch?v=xk_eWLCDhKE\';return false;">https://ixquick.com</a>'); } </script> <style type="text/css"> a { color:#000; text-decoration:none; font-weight:bold; } a:hover { text-decoration:underline; } </style> </head> <body> <h2>Besuchen Sie auch alle anderen Suchmaschinen: Garantiert https! ;)</h2><noscript> <a href="https://www.google.de/">https://google.de</a><br /> <a href="https://duckduckgo.com/">https://duckduckgo.com</a><br /> <a href="https://startpage.com/">https://startpage.com</a><br /> <a href="https://ixquick.com/">https://ixquick.com</a> </noscript><script language="JavaScript">dw();</script> </body> </html>2) PHP
>> Online-Beispiel <<
<? global $a,$b; function go($a,$b){if($_POST['r']==$a){header("Location: ".$b);exit;}} if(isset($_POST['r'])){ go("https://www.google.de","http://www.freenet.de"); go("https://duckduckgo.com","http://www.telefoniert-nach-hause.de/index.php/Hauptseite"); go("https://startpage.com","http://gabrielecirulli.github.io/2048/"); go("Hach, wie nostalgisch :)","überraschung 1 ;)"); go("Wohin geht's mit mir? :P","überraschung 2 ;)"); } ?> <html><head> <title>Linkverschleiern: PHP</title> <style type="text/css"> .a { background:#FFF; border:none; text-decoration;none; font-weight:bold; cursor: pointer; } .a:hover { text-decoration:underline; } </style> </head> <body> <h2>Besuchen Sie auch alle anderen Suchmaschinen: Garantiert https! ;)</h2> <form method="post"> <input class="a" type="Submit" name="r" value="https://www.google.de"><br /> <input class="a" type="Submit" name="r" value="https://duckduckgo.com"><br /> <input class="a" type="Submit" name="r" value="https://startpage.com"><br /> <input class="a" type="Submit" name="r" value="Hach, wie nostalgisch :)"><br /> <input class="a" type="Submit" name="r" value="Wohin geht's mit mir? :P"> </form> </body></html>
Beitrag zuletzt geändert: 29.4.2014 19:56:55 von menschle -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
