Erstellen eines benutzerdefinierten Impression-Trackers

Question

Für eine Webanwendung, die ich erstelle, muss ich wissen können, wann ein div in den Browser des Benutzers gelangt, im Wesentlichen, dass eine Impression erfolgt.

Ich poste dies, um zu sehen, ob mir jemand in die richtige Richtung zeigen kann, um dieses Ergebnis zu erzielen. Ich bin mir nicht sicher, wie ich nachverfolgen kann, wenn ein Artikel in die Ansicht des Webbrowsers gelangt. Kann dies durch jQuery erreicht werden? Alle Hinweise würden sehr geschätzt werden.

Answer 1

<script> Tag

<script> Tags ausgeführt werden, wenn in dem DOM platziert.

Sie können ein <script>-Tag zu dem <div> hinzufügen, das Sie platzieren möchten. Wenn das Skript in das DOM geladen wird, kann es eine AJAX-Anforderung ausgeben, damit Sie wissen, dass es geladen wurde.

<script>track_me("special_div");</script> 

<img> Pixel

ein 1px x 1px Bild erstellen auf Ihrem Server, legen Sie sie irgendwo in der div mit einem img-Tag wie so <img src="/pixel.png?ref=my_div" /> diese dann in Ihren Server-Logs zurückverfolgt werden können. Sie können ref ändern, um verschiedene Tracking-Elemente zu kennzeichnen.

Die Anfrage wird gemacht, wenn das Bild in der Dom und sichtbar platziert wird.

Sie müssen Caching speziell für dieses Bild einrichten, so dass es nie vom Browser zwischengespeichert wird.