Zum Hauptinhalt springen
Alle KollektionenSilktide Analytics
Verwendung von Silktide Analytics mit Client-seitigem Rendering
Verwendung von Silktide Analytics mit Client-seitigem Rendering
Oliver Emberton avatar
Verfasst von Oliver Emberton
Vor über 3 Wochen aktualisiert

Was ist Client-Side Rendering?

Client-Side Rendering (CSR) ist eine Webentwicklungstechnik, die JavaScript verwendet, um den endgültigen HTML-Inhalt und die Benutzeroberfläche einer Webseite im Browser des Benutzers zu generieren.

Wie beeinflusst CSR die Analytik?

Bei herkömmlichen Seiten, die Server-Side Rendering verwenden, kann die Analytik automatisch erkennen, dass eine Seite geladen wurde.

Bei CSR führt die Navigation nicht zu einem vollständigen Seitenladevorgang. Das bedeutet, dass die meisten Analysesoftware standardmäßig nicht messen können, was auf CSR-Websites passiert.

Wie man CSR mit Silktide Analytics unterstützt

Es gibt zwei Hauptansätze, um CSR mit Silktide zu unterstützen. Die beste Lösung hängt davon ab, wie Ihre Website funktioniert:

Lösung 1: Seitenereignisse manuell verfolgen

Wenn das, was Sie als neue "Seite" definieren, geladen wird, rufen Sie die silktide()-Funktion direkt auf:

silktide("page_load");

Dies wird die aktuelle URL als geöffnet protokollieren, d.h. die URL im Browser zu dem Zeitpunkt, an dem diese Funktion aufgerufen wird. Dies wird in Silktide Analytics protokolliert und Silktide Analytics wird versuchen, dies in seiner Benutzeroberfläche darzustellen (für Heatmaps usw.).

Je nachdem, wie Sie CSR implementiert haben, sind Ihre URLs möglicherweise nicht ausreichend einzigartig, um die gewünschte Nuance zu protokollieren. In diesem Fall sollten Sie in Betracht ziehen, benutzerdefinierte Ereignisse auszulösen.

Lösung 2: Seitenereignisse verfolgen, wann immer die URL programmgesteuert geändert wird

Die meisten CSR-Implementierungen sollten die URL der Seite aktualisieren, während der Benutzer navigiert.

Wenn Sie dies tun, ist es möglich, Silktide automatisch zu benachrichtigen, wenn sich Ihre URL ändert, ohne den silktide("page_load")-Aufruf manuell implementieren zu müssen, wie oben gezeigt.

Dieses JavaScript wird dies tun:

(function() {  let currentUrl = window.location.href;  const checkUrlChange = () => {    const newUrl = window.location.href;    if (newUrl !== currentUrl) {      silktide("page_load");      currentUrl = newUrl;    }  };  // Erfassen von pushState und replaceState  const originalPushState = history.pushState;  const originalReplaceState = history.replaceState;  history.pushState = function(...args) {    originalPushState.apply(this, args);    checkUrlChange();  };  history.replaceState = function(...args) {    originalReplaceState.apply(this, args);    checkUrlChange();  };  // Hören auf Hash-Änderungen (für hashbasierte Navigation)  window.addEventListener('hashchange', checkUrlChange, false);  // Hören auf das popstate-Ereignis (Vorwärts-/Rückwärtsnavigation im Browser)  window.addEventListener('popstate', checkUrlChange, false);})();

Fügen Sie diesen Code einfach auf jeder Seite hinzu, die Sie verwenden, unterhalb des standardmäßigen Silktide Analytics JavaScript-Snippets.

Fühlen Sie sich frei, diesen Code nach Ihren Bedürfnissen zu ändern, z.B. sind die Kommentare nicht notwendig.

Hat dies deine Frage beantwortet?