JavaScript-Widget-Tracking mit Google Analytics

8

Ich versuche herauszufinden, wie man das Tracking für ein JavaScript-Widget am besten durchführt. Ich arbeite für eine Non-Profit-Organisation und habe ein JavaScript-Widget geschrieben, das Websites auf ihrer Website einbetten können. Der Code, den sie auf ihre Seite stellen, hat einen Container für das Widget (ein Div) und lädt unsere .js-Datei. Unsere .js-Datei füllt den Container mit HTML, um ein Bild und einige Informationen anzuzeigen.

Ich möchte in der Lage sein, die Verwendung dieses Widgets auf anderen Websites und die Anzahl der Ladevorgänge (gesehen) zu verfolgen. Wir verwenden Google Analytics auf unserer Website, so dass dies am effektivsten erscheint. Ich möchte nicht unseren GA-Code in das Widget einbetten, da dies höchstwahrscheinlich ein GA-Tracking der anderen Website beschädigen würde.

Meine Idee war es, einen versteckten Iframe einzufügen, der eine Tracking-Seite auf unserer Website lädt und die Tracking-Seite würde den richtigen GA-Code enthalten. Also zum Beispiel: usersite.com bettet unser Widget auf seiner Seite ein. Die .js-Datei wird von mycompany.org/js/widget.js geliefert Die widget.js erstellt einen versteckten iframe auf usersite.com (in unserem div), der mycompany.org/js/trackingpage.html lädt (und vielleicht ein paar Parameter wie domain = usersite.com oder etwas, das die js auf dem tracking enthält Seite kann abziehen und loggen zu GA) und trackingpage.html hat unseren GA-Code, um zu registrieren, dass das widget benutzt worden ist.

Dies scheint eine einfache Möglichkeit zu sein, dies zu lösen. Scheint dies ein vernünftiger Weg, dies zu tun? oder gibt es einen besseren Weg?

    
Brian Pipa 16.11.2012, 14:02
quelle

2 Antworten

7

Unser Widget funktioniert vom Kunden einschließlich einer Javascript-Datei auf seiner Website. Unser JavaScript-Code fügt das Widget zu den benötigten Stellen auf der Seite hinzu.

Das Hinzufügen von Google Analytics war ziemlich einfach: Ich habe den GA-Code zu der JavaScript-Datei hinzugefügt, die von der Kundenseite geladen wurde:

%Vor%

Ich verfolge auch andere spezifische Ereignisse direkt aus unserem Javascript:

%Vor%

Wichtig

Sie müssen den Namespace verwenden, um eine Kollision mit dem GA der Site zu vermeiden (falls vorhanden)

Sie sollten Ihr Google Analytics-Profil so konfigurieren, dass auch der Host angezeigt wird. Google hat dazu eine gute Erklärung in hier (unter Ändern Ihres domänenübergreifenden Profils mit ein Filter, um die vollständige Domain in Ihren Inhaltsberichten anzuzeigen)

Bisher scheint dieser Ansatz gut zu funktionieren, solange Sie sicherstellen, dass die Cookie-Konfiguration (Domäne usw.) der Website der Hosting-Site ähnelt. Wenn sich beispielsweise die Host-Domäne unterscheidet, kann dies zu doppelten Treffern führen.

    
davidrac 13.08.2013 14:28
quelle
0

Laden Sie auf der Client-Site mit dem Widget eine Ajax-Anforderung, die Ihren Server dazu aufruft, den Widget-Inhalt anzufordern. Kennzeichnen Sie die Anforderungs-URL mit den GA Campaign-Parameterinformationen und Sie können den Widget-Traffic sehen. Die Ajax-Antwort kann an das Szenario angepasst werden.

    
tmerrick 23.07.2013 13:57
quelle

Tags und Links