Nachfrage href

Diskutiere Nachfrage href im HTML Forum im Bereich Programmierung; Hallo zusammen, Auf der folgenden Seite https://www.essen-an-bord.de/air-cairo/ gibt es einen href link auf eine TUI Seite mit der Betitelung „TUI...
  • Nachfrage href Beitrag #1
I
ITT0bi
New member
Beiträge
2
Punkte Reaktionen
0
Hallo zusammen,
Auf der folgenden Seite https://www.essen-an-bord.de/air-cairo/ gibt es einen href link auf eine TUI Seite mit der Betitelung „TUI PROTECT: Sorgenfrei den Urlaub geniessen!“.
Wenn ich diese Seite nun mit meinem mobilen Browser aufrufe, werde ich nach dem Klick auf eine Affliate Seite (awin1.com) vorab weitergeleitet (sichtbar nur in der Adressleiste)
Wo genau wird diese Weiterleitung durchgeführt? Der href zeigt direkt auf tui.com

Grüße
 
  • Nachfrage href Beitrag #2
A
AndreasB
Well-known member
Beiträge
75
Punkte Reaktionen
4
Das ist so:

1. Auf der Seite wird ein Tracking tool namens Awin eingesetzt. Dafür wird auf der Seite das Script <script src="https://www.dwin2.com/pub.399751.min.js"></script> eingebunden.
2. Dieses Script setzt ein Eventlistener für das "mouseup" event auf das document Element.
3. Wenn nun auf den Link geklickt wird, wird auch das event "mouseup" ausgeführt.
4. Sobald das Event ausgelößt wird, wird das Anchor Element, das den ursprünglichen Link enthält, gelöscht und durch eine Anchor mit dem href-Wert "https://www.awin1.com/cread.php?awi...r=[[https://www.essen-an-bord.de/air-cairo/]]" ersetzt. Dieser Link ist ein Tracking-Link, der Informationen an das Tracking Tool weiterleitet.
5. Danach wird dieser neue Link programatisch geklickt.
6. Dieser Link enthält auch das "ursprüngliche" Ziel "www.tui.com...". Daher wird man sofort auf diese Seite weitergeleitet und bekommt kaum etwas davon mit.

Grüße
Andreas
 
  • Nachfrage href Beitrag #4
A
AndreasB
Well-known member
Beiträge
75
Punkte Reaktionen
4
Kann man auch erlesen in welchen Syntax die ursprüngliche URL aufgerufen wird
Klar. Die Funktion, die du suchst, befindet sich in der https://www.dwin2.com/pub.399751.js und sieht so aus:
Javascript:
  convertalink.buildTrackingUrl = function (originalUrl, advertiserId, clickRef) {
      return 'https://www.awin1.com/cread.php?awinmid=' + advertiserId + '&awinaffid=' + publisher.publisherId + '&' + clickRef.join('&') + '&platform=cl&ued=' + encodeURIComponent(originalUrl);
  };

Wenn du sie interaktiv debuggen möchtest
1. Gehe in die Dev-Tools deines Browsers (Ich verwende meinst Chrome).
2. Dort gehst du in den "Sources" Tab und öffnest (falls noch nicht offen die Dateiübersicht links.
3. Dort suchst du nach dem "Verzeichnis" www.dwin2.com.
4. Darin befindet sich eine Datei pub.399751.min.js.
5. Diese Klickst du an und schaust, schaust dass sie nicht minifiziert dargestellt wird. (Die Klammern "{ }" links unter der Suchleiste müssen blau sein)
6. Dann kannst du mir Strg+F / Ctrl+F nach der Funktion buildTrackingUrl suchen.
7. Danach kannst du zum Beispiel ein Breakpoint setzen oder anders debuggen.

Bei mir sieht das dann so in etwa aus:
1693284714125.png
 
Thema:

Nachfrage href

Oben Unten