Wie kann ich die Einkaufswagen-ID einer bestimmten Website verfolgen?

Question

Ziel: Erstellen einer Webanwendung, die das Verhalten von E-Commerce-Benutzern auf einer bestimmten Website verfolgt. Ich erstelle ein Tracking-js-Skript, mit dem ich die Menge des Einkaufswagens verfolgen kann und wann der Einkaufswagen aufgegeben wird.

Das Problem: Da ich weiß nicht, die DOM-Struktur einer bestimmten Website wissen, kann ich nicht, welche Id ich document.getElementById (‚# cartId‘)

Meine mögliche Lösung erhalten müssen mit :Ich plane mit C# asp.net, um das Back-End zu erstellen, so kann ich (?) Versuchen, jede Website-Seite zu downloaden, es auf der App rendern und dem Benutzer erlauben, wo der Warenkorb von auszuwählen Klicken Sie auf den Warenkorb, dann auf der Rückseite kann ich versuchen, die X- und Y-Position der Maus zu lokalisieren, Abbildung, welches Element geklickt wurde und das ID-Attribut auf diese Weise identifizieren.

Meine Lösung scheint ineffizient und zu kompliziert. Gibt es einen besseren Weg, dieses Problem zu lösen?

Zusätzlich Ich möchte keine Warenkorbdaten auf dem Back-End speichern. Das Problem besteht einfach darin, die ID herauszufinden, die 'Wagen' ist und ob sie einen Wert hat (was das einfache Bit ist). Das harte Bit ist herauszufinden, die ID, die 'Warenkorb' ist, das Skript soll von verschiedenen Web-Entwicklern verwendet werden, so dass die Struktur und die Benennung von ID anders ist.

Answer 1

Sie können dies problemlos lösen, indem Sie services oder verwenden, wenn Sie angular js verwenden.

Wenn Sie keine Angular Js verwenden, sollten Sie zur Verfolgung der Einkaufswagendaten den lokalen Speicher folgendermaßen verwenden.

var cartValue = []; 
cartValue.push({itemId:123, itemName:'XYZ', itemPrice:23.12}) 
localStorage.setItem("myCart", cartValue); 

, wann immer auf der Seite möchten Sie den Warenkorb aktualisieren oder die Wagendaten tun, die folgenden Dinge holen wollen.

die Warenkorb Daten holen:

localStorage.getItem("myCart"); 

den Warenkorb Wert von einer anderen Seite oder von der gleichen Seite zu aktualisieren:

cartValue = localStorage.getItem("myCart"); 
cartValue.push({itemId:124, itemName:'ABC', itemPrice:63.18} 
localStorage.setItem("myCart", cartValue);