SPA A/B-Tests: Ein Einstiegsleitfaden für Einzelseitenanwendungen und die 10 besten SPA A/B-Testtools
Veröffentlicht: 2022-02-15
Single Page Applications: Was sind sie, wie funktionieren sie und, was noch wichtiger ist, wie führen wir A/B-Tests mit ihnen durch?
In diesem Leitfaden werden wir dies aufschlüsseln und uns 10 der besten A/B-Testplattformen ansehen, die Sie verwenden können.
Wir behandeln ihre Preise, ihre Funktionen, ob sie Testversionen zulassen, und gehen dann detailliert darauf ein, welche Methoden sie verwenden, um Ihnen zu ermöglichen, A/B-Tests für Single-Page-Anwendungen durchzuführen.
Auf diese Weise können Sie genau entscheiden, welches Tool für Sie und Ihre Testanforderungen am besten geeignet ist.
(Wenn Sie bereits alles über SPA-Tests wissen, können Sie hier zum Abschnitt „Tools“ springen).
- Was ist eine Single-Page-Anwendung (SPA)?
- Single-Page-Anwendungsarchitektur
- SPA (Single-Page Application) vs. MPA (Multi-Page Application)
- Die Nachteile von Single Page Application Sites
- 1. Langsames Laden der ersten Seite
- 2. JavaScript muss installiert sein und funktionieren
- 3. Mehr Aufwand zum Erstellen und Bearbeiten (fettes Frontend)
- 4. Analytische Messung und Berichterstattung
- 5. Mögliche SEO-Probleme
- 6. Mögliche Probleme mit A/B-Tests
- Beliebte Single Page Application Frameworks. Was ist zu wählen: React, Angular oder Vue?
- Beispiele für Einzelseiten-Anwendungsseiten
- Netflix
- Gmail
- Die Nachteile von Single Page Application Sites
- Wie führt man A/B-Tests auf Single Page Application (SPA)-Sites durch?
- Der Testtrigger
- Das SPA-Framework
- Das Tool, mit dem Sie Ihr SPA testen
- Top 10 A/B-Test-Tools, die sich an Single Page Application (SPA)-Sites angepasst haben
- Nr. 1: Konvertieren Sie Erfahrungen
- Nr. 2: Adobe Target
- #3. VWO
- #4. Kameleon
- #5: SiteSpect
- #6. Optimiert
- #7: Google Optimize/Optimize 360
- #8. ABlyft
- #9. AB Lecker
- #10. Dynamischer Ertrag
- Auf den Punkt gebracht: A/B-Tests von Einzelseitenanwendungen
Was ist eine Single-Page-Anwendung (SPA)?
Ein SPA ist eine Website oder Webanwendung, die so konzipiert ist, dass sie superschnell und flüssig geladen wird. Sein Ziel ist es, die Erfahrung einer gut gestalteten mobilen App und wie sie aufgebaut ist, zu replizieren. Sie klicken auf etwas und es wird fast sofort geladen.
Der Name Single-Page-Application ist jedoch ein wenig irreführend und verwirrend für Nicht-Tech-Anwender. Es bezieht sich nicht auf Websites, die nur als einzelne Webseite aufgebaut sind, sondern bezieht sich stattdessen darauf, wie sie codiert ist.
Single-Page-Anwendungsarchitektur
Der beste Weg, um zu verstehen, wie eine SPA funktioniert, besteht darin, sich anzusehen, wie sie aufgebaut ist (die Architektur der Website), und dies mit einer Standard-Website zu vergleichen, die Sie möglicherweise verwenden.
Eine Standard-Website, auch bekannt als statische oder „Multi-Page Application“ (MPA), wird aufgebaut, indem mehrere Seiten mit HTML-Code vorhanden sind, die jede einzelne Seite auf der Website darstellen. Sie haben also eine HTML-Seite für die Homepage, eine andere für die About-Seite usw.
Jedes Mal, wenn auf einen neuen Link geklickt wird, fordert die Website vom Server den HTML-Code für diese neue Seite an, die geladen werden soll, was zu einer Verzögerung führt.
Sie können dies tatsächlich bis zu einem gewissen Grad umgehen, indem Sie diese anderen Links auf MPA-Sites vorab laden, um das Laden Ihrer Seite zu beschleunigen. Wir sprechen hier in diesem Leitfaden darüber, um Ihre Website beim Testen darauf vorzubereiten, Core Web Vitals zu erfüllen.
SPA (Single-Page Application) vs. MPA (Multi-Page Application)
Der Hauptunterschied zwischen einer SPA und einer MPA besteht darin, dass die SPA nur eine einzige Seite mit HTML-Code für die gesamte Website hat, die nur ein einziges Mal geladen werden muss, daher der Begriff „einzelne Seite“.
Anstatt mehrere HTML-Seiten anzufordern und zu laden, lädt das SPA den gesamten Inhalt beim ersten Klick vorab, speichert den Inhalt der anderen Website im Voraus und rendert und aktualisiert dann das Erscheinungsbild der Seite dynamisch neu, wenn jemand stattdessen auf Links klickt neue HTML-Dateien hochzuladen.
Dies wird erreicht, indem die neuen Inhalte oder Seiten mithilfe von JavaScript und serverseitigem Rendering geladen werden, während die aktuelle Seite noch geöffnet ist. Dies erweckt den Anschein eines flüssigeren Benutzererlebnisses und lädt normalerweise schneller als ein herkömmlicher MPA, da es keine offensichtlichen Ausfallzeiten oder leeren Bildschirme gibt.
Die Nachteile von Single Page Application Sites
Als Tester wissen wir, dass eine schnelle Website eine großartige Benutzererfahrung bietet, aber was sind die Nachteile der Verwendung eines SPA für Ihre Website?
1. Langsames Laden der ersten Seite
Da das SPA die gesamte Website auf einmal vorlädt, kann dies bedeuten, dass das anfängliche Laden der Seite langsamer sein kann als bei einem Standard-MPA. Aufgrund der Art und Weise, wie es geladen wird, kann es für den Benutzer jedoch immer noch so aussehen, als würde es schnell geladen, da das anfängliche Ansichtsfenster normalerweise sofort geladen wird und den Anschein eines sofortigen Ladevorgangs erweckt.
2. JavaScript muss installiert sein und funktionieren
Wenn im Browser oder Gerät des Benutzers JavaScript nicht aktiviert ist, funktioniert die Website einfach nicht. Dies passiert selten und Benutzer werden benachrichtigt, um es zu aktivieren und herunterzuladen, aber es kann passieren.
3. Mehr Aufwand zum Erstellen und Bearbeiten (fettes Frontend)
Aufgrund der Komplexität beim Erstellen von SPA-Sites kann es manchmal länger dauern, sie zu erstellen oder mehr Aufwand zu betreiben, um Änderungen vorzunehmen.
Nicht nur das, sie können auch mögliche UX-Probleme verursachen, wenn sie nicht korrekt erstellt werden.
Beispielsweise kann der Benutzer auf die Registerkarte „Zurück“ klicken und die Website verlassen, anstatt zur vorherigen „Seite“ zurückzukehren. Wieder sehr selten, wenn richtig gebaut.
4. Analytische Messung und Berichterstattung
SPAs können auch schwierig sein, Analysen vor Ort zu verfolgen. Da es keine separate Seite als solche gibt, müssen Aktionen über die auftretenden dynamischen Änderungen statt über das Laden von URLs verfolgt werden. Hier ist eine Anleitung, wie Sie dies mit Google Analytics 4 und GTM tun.
5. Mögliche SEO-Probleme
Dies kann sich auch auf die SEO für die Website auswirken, da die Web-Spider von Google Schwierigkeiten haben, die SPA zu crawlen. (Obwohl es derzeit durch die Arbeit von Google verbessert wird, um dynamisches JavaScript auf der Seite zu verfolgen.)
6. Mögliche Probleme mit A/B-Tests
Schließlich können wir beim Testen von Single-Page-Anwendungen auf einige A/B-Testprobleme stoßen, hauptsächlich aufgrund der Art und Weise, wie die Seite geladen und wie der Test bereitgestellt wird, aber wir werden dies in nur einer Sekunde ausführlicher behandeln.
Beliebte Single Page Application Frameworks. Was ist zu wählen: React, Angular oder Vue?
Es gibt mehrere Frameworks, die Entwickler verwenden können, um Single-Page-Apps zu erstellen, wie zum Beispiel:
- Eckig
- Reagieren
- MeteorJs
- BackboneJs
- EmberJs
- PolymerJs
- KnockoutJs
- Aurelia
Die beliebtesten sind jedoch Angular (mit reichlich Dokumentation auf GitHub), React (Open Source, gut dokumentiert auf GitHub) und Vue.js (das neueste der drei).
Beispiele für Einzelseiten-Anwendungsseiten
Welche Arten von Websites basieren auf SPA-Frameworks?
Dank seiner fantastischen Ladegeschwindigkeiten werden einige der größten Websites als SPAs erstellt:
- Netflix
- Gmail
- Youtube
- Airbnb
Die meisten SPAs werden mit Frameworks wie React und Angular erstellt.
Hier ein paar bekannte SPA-Beispiele:
Netflix
Der beliebte Unterhaltungs-Streaming-Dienst nutzt das React-Framework, damit seine Benutzer Fernsehsendungen und Filme ohne Verzögerung ansehen können.
Wenn man bedenkt, wie viele Daten auf Netflix gestreamt werden und von wie vielen Personen, ist es vernünftig zu schlussfolgern, dass der SPA-Ansatz von Netflix diese Methode voll ausnutzt.
Der Newsfeed von Facebook ist ein Beispiel für ein SPA.
Wenn Sie durch die vorherigen Videos blättern oder auf andere Schaltflächen klicken, werden bestimmte Teile des Inhalts auf die Seite geladen. Um die Erfahrung zu ertragen, müssen Sie die Seite nicht verlassen.
Gmail
Der Browser bleibt auf derselben Webseite, wenn Sie auf Ihre Nachrichten in Ihrem Posteingang klicken.
Wie führt man A/B-Tests auf Single Page Application (SPA)-Sites durch?
Anstatt im Detail auf spezifische A/B-Testideen für SPA-Sites einzugehen, die wir zuvor behandelt haben, möchte ich stattdessen behandeln , wie man Tests tatsächlich auf SPA-Sites durchführt .
Wieso den?
Nun, das Ausführen von Tests auf SPA-Sites unterscheidet sich von einem statischen MPA durch drei Dinge:
- Der Auslöser, der den Test auslöst,
- Das Framework, auf dem die SPA aufbaut, und
- Das Tool, mit dem Sie testen.
Lassen Sie mich also die Grundlagen erklären …
Der Testtrigger
Normalerweise lösen wir bei den meisten A/B-Tests das Experiment basierend auf URL-Strings aus. Wenn jemand die spezifische URL der Seite besucht, die wir testen möchten, und wenn er die von uns festgelegten Kriterien erfüllt, hat er die Chance, dass der Test für ihn ausgeführt wird.
Da SPAs keinen bestimmten URL-Trigger haben und JavaScript verwenden, um die Seitenelemente neu zu rendern, müssen wir stattdessen andere Triggermethoden verwenden, wie zum Beispiel:
- Polling-Trigger,
- Verwenden von JavaScript-Bedingungen im Site-Bereich und
- Manuelle Aktivierung.
Auf diese Weise können wir sicherstellen, dass der Test ausgelöst wird und unter den richtigen Bedingungen ausgeführt wird.
Das SPA-Framework
Es werden jedoch nicht nur neue Trigger eingerichtet. Aufgrund der Art und Weise, wie die drei gängigen Frameworks ausgeführt und die SPA-Site bereitgestellt werden, müssen Sie möglicherweise Ihr Test-Setup so anpassen, dass es korrekt bereitgestellt wird, je nachdem, welches Framework Sie verwenden.
Wir haben unten Anleitungen für jeden dieser Punkte:
- Ausführen von Experimenten auf einer AngularJS-Seite
- Ausführen von Experimenten auf einer VueJS-Seite
- Ausführen von Experimenten auf einer ReactJS-Seite
Das Tool, mit dem Sie Ihr SPA testen
Beim Einrichten von Tests auf SPA-Sites müssen Sie nicht nur die JavaScript-Frameworks berücksichtigen. Sie müssen sich auch ansehen, wie das tatsächliche Tool, das Sie verwenden, zum Ausführen von Tests auf einer SPA-Site funktioniert, da dies Auswirkungen darauf haben kann, ob Sie den Test auf Ihrem speziellen Framework ausführen können.
So führen wir A/B-Tests auf SPA-Sites mit Convert Experiences durch:
- Führen Sie einen A/A-Test durch, um sicherzustellen, dass das Tool richtig eingerichtet ist, wenn Sie es zum ersten Mal verwenden. (Muss nur einmal gemacht werden.)
- Verwenden Sie die Datenschicht, um die URL-Teile und andere Seitendaten zu speichern (da sich die URL selbst nicht ändert).
- Der Seitenausschnitt im Viewport ist ein wichtiger Trigger, der zum Aufrufen von Variationen genutzt werden kann. Dies ist erforderlich, wenn die URL nicht mit gescrollten Abschnitten aktualisiert wird.
- Stellen Sie sicher, dass Sie ein CDN oder Pre-Fetch-Inhalte verwenden, damit der aktualisierte Inhalt des Site-Bereichs schnell geladen wird und die fließende/native Natur von SPAs nicht stört ( einer ihrer größten Vorteile ).
- Stellen Sie sicher, dass ausgelöste Ziele abgefragt und gesammelt werden, auch wenn die Seite nicht aktualisiert wird.
- Sie können auch serverseitig SPA-basierte A/B-Tests durchführen.
Dies gilt für jede Testplattform, die Sie möglicherweise verwenden. Wenn wir also die verschiedenen A/B-Testtools unten aufschlüsseln, werden wir behandeln, wie jedes von ihnen tatsächlich SPAs testet, damit Sie entscheiden können, welches für Sie am besten geeignet ist.
Top 10 A/B-Test-Tools, die sich an Single Page Application (SPA)-Sites angepasst haben
Nachdem wir uns nun angesehen haben, was SPAs sind und welche allgemeinen Probleme Sie beim Testen von SPA-Sites berücksichtigen müssen, lassen Sie uns die beliebtesten Testtools aufschlüsseln, mit denen Sie Tests auf ihnen ausführen können.
- Erfahrungen umwandeln
- Adobe Target
- VWO
- Kameleon
- SiteSpect
- Optimiert
- Google Optimize
- ABlyft
- AB Lecker
- Dynamischer Ertrag
Nr. 1: Konvertieren Sie Erfahrungen
Preise : Ab 699 US-Dollar pro Monat, danach 199 US-Dollar pro 100.000 Besucher.
Planarten:
Bieten sie eine kostenlose Testversion an? Ja, 14 Tage kostenlose Testversion ohne Kreditkarte erforderlich.
Bieten sie Kundensupport an? Ja, gleich zu Beginn des Prozesses. Welche Art? Live-Chat, Blog und Wissensdatenbank, weitere werden folgen.
Wie passt es sich an SPAs an? Convert kann SPAs handhaben, indem es eine Convert-Aktivierungsfunktion (Polling) bereitstellt, die jederzeit nach dem Laden der Seite aufgerufen werden kann. Ermöglicht spezifisches Auslösen wie Ziele, JavaScript, manuelle Aktivierung und mehr. Ermöglicht es Ihnen auch, die Konvertierungseinstellungen bei jeder Ansichtsänderung neu zu laden und kann mit clientseitigem oder serverseitigem Tracking arbeiten.
Kann es Experimente über JavaScript auslösen? Ja. Hier können Sie mehr darüber lesen.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja. Durch Hinzufügen von gebrauchsfertigem Code in den Projekteinstellungen > Globales Projekt-JavaScript oder durch direkte Integration mit dem SPA-Framework.
Lesen Sie mehr über das Ausführen von Experimenten auf SPAs.
Vertrauensradius Bewertung :
Top-Kunden: Sony, Jabra, Unicef und andere.
Ist ihnen die Privatsphäre wichtig? Wir sind vollständig DSGVO-konform. Wir haben sogar aufgehört, für unsere interne Arbeit Tools von anderen Unternehmen zu verwenden, die die DSGVO nicht erfüllen, so viel bedeutet es uns.
Interessieren sie sich für die Welt? Ja. Es ist in unserer DNA. Wir pflanzen Bäume, führen Gemeinschaftsprogramme durch, setzen uns von der ersten Bewerbung an für Vielfalt ein, spenden an Wohltätigkeitsorganisationen und vieles mehr. Verdammt, wir sind 15x CO2-negativ.
Wie diese A/B-Testplattform in Aktion aussieht:
Nr. 2: Adobe Target
Preise : Nur verfügbar nach Buchung eines Anrufs. Der Einstiegspreis beträgt etwa 10.000 US-Dollar pro Monat.
Bieten sie eine kostenlose Testversion an? Nein.
Planarten:
Bieten sie Kundensupport an? Ja, in Form einer Wissensdatenbank und Video-Schulungsprogrammen.
Wie passt es sich an SPAs an? Adobe Target kann SPAs über eine triggerView()-Funktion verarbeiten, die innerhalb des SPA-Codes aufgerufen werden kann. Hier können Sie mehr darüber lesen.
Kann es Experimente über JavaScript auslösen? Ja.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja. Es erfordert jedoch eine direkte Integration mit dem SPA-Framework.
Vertrauensradius Bewertung :
Top-Kunden: Nvidia, Sprint Mobile, Phillips.
Ist ihnen die Privatsphäre wichtig? Ja, aber ironischerweise benötigen sie Ihre E-Mail-Adresse und Telefonnummer, um mehr darüber zu erfahren. Sie leisten jedoch viel Arbeit in Erstanbieterdaten für ein nicht-intrusives Tracking.
Interessieren sie sich für die Welt? Besonders gern. Sie setzen sich für Vielfalt ein, arbeiten auf Gebäude mit 100 % erneuerbarer Energie hin, senken Emissionen, führen kommunale Aktionsprogramme durch und vieles mehr.
So sieht dieses Testtool in Aktion aus:
#3. VWO
Preise : Beginnt bei 99 $/Monat. Alles andere erfordert eine individuelle Preisgestaltung nach Ihren Bedürfnissen. Und Sie müssen sich für Ihren an das VWO-Verkaufsteam wenden.
Planarten:
Bieten sie eine kostenlose Testversion an? Ja, Sie können mit einer 30-tägigen kostenlosen Testversion beginnen.
Bieten sie Kundensupport an? Ja, Sie können sie anrufen, wenn Sie Hilfe benötigen. Oder konsultieren Sie ihre Ressourcenseite.
Wie passt es sich an SPAs an? VWO kann SPAs automatisch über seinen Standard-Tracking-Code verarbeiten und bietet auch eine Funktion zum Auslösen der Seitenänderungen.
Für SPAs, die URL-Zeichenfolgen beim Laden neuer Inhalte ändern, funktioniert dies mit der Standardinstallation. Für SPAs, die die URL nicht ändern, müssen Sie eine virtuelle Seite mit einer benutzerdefinierten URL einrichten.
Kann es Experimente über JavaScript auslösen? Ja. Durch den Aufruf von 'applychanges'.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja. Es erkennt automatisch URL- und Browserverlaufsänderungen, indem es nur den VWO-Tracking-Code einschließt.
Vertrauensradius Bewertung :
Top-Kunden: Ubisoft, AMD, Penn Foster, Optimeria und IMB Bank.
Ist ihnen die Privatsphäre wichtig? Ja. Sie halten sich an die wichtigsten Datenschutzgesetze und -vorschriften, speichern jedoch einige Besucherdaten auf ihren Servern.
Interessieren sie sich für die Welt? Der Vorsitzende von Wingify (der Marke hinter VWO), Paras Chopra, twitterte seine Unterstützung für einige COVID-Hilfsinitiativen, darunter die Einrichtung einer COVID-Pflegeeinrichtung mit 10 Betten in Delhi.
Wie diese A/B-Testplattform in Aktion aussieht:
#4. Kameleon
Preisgestaltung : Individuell nach Ihren Wünschen. Sie erhalten Ihren einzigartigen Preis, indem Sie sich an das Verkaufsteam wenden.
Plantypen: Sie müssen sich an das Support-Team wenden, um die Preise zu erfahren. Pläne basieren auf Ihren Anforderungen.
Bieten sie eine kostenlose Testversion an? Ja.
Bieten sie Kundensupport an? Ja. Sie können sogar einen dedizierten Account Manager bekommen, der Sie bei komplizierten Projekten unterstützt.
Wie passt es sich an SPAs an? Kameleoon verfügt über eine umfangreiche Aktivierungs-API, um Experimente auf ihrer Plattform aktivieren zu können. Lesen Sie hier mehr darüber.
Kann es Experimente über JavaScript auslösen? Ja. Über die Funktion assignVariation().
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? URL-Aktualisierungen werden automatisch erkannt. Wenn jedoch keine URL-Änderungen stattfinden, sollte die Testaktivierung über die API aufgerufen werden.
Vertrauensradius Bewertung :
Top-Kunden: Lexus, Unity, Providence, Toyota und Rakuten verwenden Kameleoon.
Ist ihnen die Privatsphäre wichtig? Sie sind HIPAA-, GDPR- und CCPA-konform. Sie haben auch eine flexible Einwilligungsverwaltungsfunktion, um Ihre Datenschutzrichtlinie für jeden A/B-Test anzupassen.
Interessieren sie sich für die Welt? Ich konnte keine Hinweise auf eine Wohltätigkeitsorganisation finden, die sie sponsern, oder auf Umweltbelange, die sie unterstützen. Es ist jedoch interessant zu wissen, dass sie zwei lebende Chamäleons in ihren Büros in Deutschland und Frankreich haben.
Wie diese A/B-Testplattform in Aktion aussieht:
#5: SiteSpect
Preise : Sie müssen SiteSpect kontaktieren, um einen auf Ihre Bedürfnisse zugeschnittenen Preis zu erhalten.
Plantypen: Keine Informationen vor einem Anruf verfügbar.
Bieten sie einen kostenlosen Plan an? Ja, sie bieten eine kostenlose Testversion an.
Bieten sie Kundensupport an? Der Kundensupport ist per Telefonanruf und E-Mail für kostenlose und kostenpflichtige Versionen verfügbar. In ihrer Wissensdatenbank sind auch vorab aufgezeichnete Webinare verfügbar.
Wie passt es sich an SPAs an? SitesSpect fungiert als Proxy, bei dem alle Website-Elemente geändert und gegen andere Versionen ausgetauscht werden können, während sie von den Servern heruntergeladen werden.
Das bedeutet, dass sie jedes Element ändern können, bevor sie die Seite zusammenstellen, sogar bevor die SPA auf die Seite heruntergeladen wurde. Sie benötigen jedoch technisches Fachwissen, um festzustellen, welche Elemente ausgetauscht werden müssen, und definitiv nicht so einfach wie das Ändern einer Seite auf der Website.
Auch alle Komponenten, die auf den Servern vormontiert sind, können mit dieser Lösung nicht wieder zusammengesetzt werden.
Kann es Experimente über JavaScript auslösen? Nein. Es wird alles in einem Proxy erledigt, ähnlich wie auf der Serverseite.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Nein, aus dem gleichen Grund wie zuvor. Dies geschieht alles in einem Proxy, ähnlich wie auf der Serverseite.
Vertrauensradius Bewertung :
Top-Kunden: Staples, PetSmart, AmericanGirl und Urban Outfitters verwenden SiteSpect.
Ist ihnen die Privatsphäre wichtig? Tun sie. Sie sind PCI DSS 3.2-zertifiziert; GDPR-, CCPA- und Privacy Shield-konform und HIPAA-fähig.
Interessieren sie sich für die Welt? SiteSpect ist dafür bekannt, seit 2014 einige Wohltätigkeitsprojekte zu sponsern.
Wie dieses A/B-Testing-Tool in Aktion aussieht:
#6. Optimiert
Preisgestaltung : Sie verwenden ein benutzerdefiniertes Preismodell. Aber Splitbase prognostiziert, dass sie mindestens 36.000 US-Dollar pro Jahr kosten.
Plantypen: Ich konnte diese Informationen nicht finden, ohne sie wegen einer Demo zu kontaktieren.
Bieten sie eine kostenlose Testversion an? Nein. Sie haben den kostenlosen Plan 2018 eingestellt.
Bieten sie Kundensupport an? Ja. Sie verfügen über eine Reihe von Ressourcen, die Benutzern helfen, aus der Klemme zu kommen, und Telefonnummern, unter denen sie rund um die Uhr Hilfe rufen können.
Wie passt es sich an SPAs an? Die Unterstützung von Optimizely für SPA kann durch Aktivieren einer Checkbox aktiviert werden. Dies erkennt, wenn sich die URL ändert oder wenn sich das DOM ändert, was die Auswertung der Experimente aktiviert, und die Aktivierung derjenigen, die der Besucher auf der aktuellen Seite gebuckelt hat.
Kann es Experimente über JavaScript auslösen? Ja.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja. Es fragt nach URL-Änderungen und DOM-Änderungen ab.
Vertrauensradius Bewertung :
Top-Kunden: Microsoft, IBM, HP, eBay, Yamaha, Pizza Hut und Atlassian verwenden es.
Ist ihnen die Privatsphäre wichtig? Sie berücksichtigen alte und neue Datenschutzgesetze und integrieren dies in ihre Produkte, sodass Sie sich als Benutzer keine Gedanken über die Einhaltung machen müssen.
Interessieren sie sich für die Welt? Die meisten neuen Mitarbeiter werden am zweiten Tag als Freiwillige in die Gemeinde entsandt.
Wie diese AB-Testsoftware in Aktion aussieht:
#7: Google Optimize/Optimize 360
Preise : Es gibt 2 Versionen dieses Tools. Optimize ist kostenlos, aber für erweiterte Funktionen müssen Sie sich für Google Optimize 360 entscheiden.
Die Preise für Optimize 360 sind kundenspezifisch (obwohl Gerüchten zufolge rund 150.000 US-Dollar pro Jahr liegen). Um Ihren monatlichen Preis zu erhalten, müssen Sie ein Formular ausfüllen, um das Verkaufsteam zu kontaktieren.
Planarten:
Bieten sie eine kostenlose Testversion an? Ja.
Bieten sie Kundensupport an? Sie haben einen Ressourcen-Hub mit Tipps, Video-Tutorials, Hilfe-Community und mehr.
Wie passt es sich an SPAs an? Google Optimize bietet SPA-Unterstützung, indem es eine automatische Aktivierung von Teständerungen zulässt, wenn sich die URL oder das DOM ändert.
Es bietet auch ein Aktivierungsereignis, bei dem Experimentänderungen mit Code aktiviert werden können.
Kann es Experimente über JavaScript auslösen? Ja. Durch optimize.activate, die sie empfehlen, über GTM einzufügen.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja. Dies geschieht, wenn die kontinuierliche Aktivierung aktiviert wird.
Vertrauensradius Bewertung :
Top-Kunden: Adidas, Spotify, Eurobank und mehr.
Ist ihnen die Privatsphäre wichtig? Sie halten die geltenden Kundendatenschutzgesetze in den Ländern ein, in denen ihre Produkte verwendet werden.
Sie arbeiten auch mit Dritten und Datenschutzbehörden zusammen, um die Daten der Benutzer zu schützen.
Interessieren sie sich für die Welt? Google ist seit 2007 klimaneutral und plant, bis 2030 kohlenstofffrei zu sein. Abgesehen davon sind sie mit ihrem 1-Milliarden-Dollar-Engagement für zahlreiche philanthropische Gesten bekannt.
So sieht diese Split-Testing-Plattform in Aktion aus:
#8. ABlyft
Preise : Preise auf Anfrage. Ich habe jedoch ein älteres Dokument gefunden, in dem sie begrenzte Tests KOSTENLOS für 5.000 Benutzer anboten, danach 329 US-Dollar pro Monat (279 US-Dollar bei jährlicher Zahlung).
Planarten:
Bieten sie eine kostenlose Testversion an? Ja, Sie können mit einer 30-tägigen kostenlosen Testversion beginnen, es ist keine Kreditkarte erforderlich.
Bieten sie Kundensupport an? Ja. Sie verfügen über eine grundlegende Wissensbasis und Live-Chat-Optionen.
Wie passt es sich an SPAs an? ABlyft zählt auch mit automatischen und programmatischen AB-Tests. Mit Option zur Aktivierung mit URL, DOM-Wechsel und programmatischer API.
Kann es Experimente über JavaScript auslösen? Ja, über eine API-Funktion.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja, wenn sich URL und DOM ändern.
Vertrauensradius Bewertung :
Es gab keine Bewertungen auf Trust Radius für dieses Tool, also habe ich die Bewertung von G2 genommen.
Top-Kunden Magazin Elle, Bazaar und Instyle.
Ist ihnen die Privatsphäre wichtig? Ja. Sie erfüllen die wichtigsten Datenschutzgesetze und die DSGVO.
Interessieren sie sich für die Welt? Nicht, dass ich es finden könnte.
Wie diese A/B-Testplattform in Aktion aussieht:
#9. AB Lecker
Preise: Beginnt bei 1900 $/Monat für 400.000 monatlich getestete Besucher für den Essentials-Plan. Der Wachstumsplan kostet 3800 $/Monat, während der Elite-Plan bei 5700 $/Monat beginnt.
Plantypen: Wenden Sie sich bezüglich Preisen und Plantypen an das Verkaufsteam.
Bieten sie eine kostenlose Testversion an? Nein. Sie können einen Demoanruf anfordern, um die neuen Funktionen zu sehen.
Bieten sie Kundensupport an? Ja. Sie haben eine Wissensdatenbank und einen Live-Chat.
Wie passt es sich an SPAs an? AB Tasty ermöglicht die Aktivierung von Experimenten, wenn eine bestimmte Bedingung erfüllt ist, die beim Laden der Seite oder in regelmäßigen Abständen überprüft werden kann, bis die Bedingung erfüllt ist. Diese regelmäßig überprüften Bedingungen können ein URL-Wert, Elemente auf der Seite basierend auf CSS-Selektoren, JS-Bedingungen, die auf „true“ zurückkehren, oder benutzerdefinierter Code und auch programmgesteuerte Aktivierung durch Javascript-Versprechen sein.
Kann es Experimente über JavaScript auslösen? Ja. Durch Javascript-Versprechungen oder periodisch ausgewertete JS-Bedingungen.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Ja. Kann regelmäßig URL-Werte, auf der Seite vorhandene Elemente durch CSS-Selektoren, JS-Bedingungen oder JS-Versprechen auswerten.
Vertrauensradius Bewertung :
Top-Kunden: Disney, L'Oreal, Kalviyo und andere.
Ist ihnen die Privatsphäre wichtig? Ja. Benutzer-IP-Adressen werden verwendet, um einen ID-Code zu erstellen, und dann sofort gelöscht, bevor sie in das Tool verschoben werden. ID-Codes werden anonymisiert und nach 13 Monaten gelöscht.
Interessieren sie sich für die Welt? Sie spenden direkt an NGOs, sie arbeiten mit sozialen Aktionsgruppen zusammen, sie recyceln und sponsern Bienenstöcke.
Wie diese A/B-Testplattform in Aktion aussieht:
#10. Dynamischer Ertrag
Preise : Ich konnte keine Informationen zu Preisen finden, außer dass sie im Durchschnitt 24 % höher sind als bei anderen Tools, die Personalisierung anbieten.
Plantypen: Auch hier konnte ich keine Informationen finden.
Bieten sie eine kostenlose Testversion an? Ja, aber Sie müssen zuerst eine Demo anfordern.
Bieten sie Kundensupport an? Ja. Welche Art? Sie bieten Telefon- und E-Mail-Support sowie eine Basiswissensbasis zur Unterstützung bei der Installation und dann eine Akademie zum Unterrichten von Tests.
Wie passt es sich an SPAs an? Dynamic Yield handhabt SPAs durch Nutzung einer Web-API namens MutationObserver , die Hooks in DOM-Mutationen bereitstellt und es dem Tool ermöglicht, zu verfolgen, wann Mutationen auftreten. Die Verwendung der API ermöglicht es dem Tool, Änderungen bei Bedarf in Echtzeit anzuwenden.
Kann es Experimente über JavaScript auslösen? Ja. Sie warnen jedoch davor, dass einige ältere JavaScript-Bibliotheken möglicherweise nicht unterstützt werden.
Wird die Zielauslösung abgefragt, ohne sich auf Seitenaktualisierungen zu verlassen? Diese Funktion muss in den erweiterten Einstellungen einer Kampagne aktiviert werden, indem Sie die Option Bei jedem SPA-Ereignis schalten aktivieren .
Vertrauensradius Bewertung :
Top-Kunden: Urban Outfitters, Ikea, Sephora und mehr.
Ist ihnen die Privatsphäre wichtig? Dynamic Yield ist vollständig DSGVO-konform.
Interessieren sie sich für die Welt? Sie machen tatsächlich etwas sehr Cooles, nämlich die kostenlose Nutzung ihres Tools für Wohltätigkeitsorganisationen, die bestimmte Kriterien erfüllen. Sie arbeiten auch in der Gemeinde.
Wie diese A/B-Testplattform in Aktion aussieht:
Auf den Punkt gebracht: A/B-Tests von Einzelseitenanwendungen
Da haben Sie es also.
Unser vollständiger Leitfaden zum A/B-Testen von Einzelseitenanwendungen. Was sie sind, wie sie funktionieren und die Top-10-Plattformen, die Sie verwenden können, um SPA-Sites oder Web-Apps zu optimieren. Wir haben das Wissen für Anfänger leicht gemacht. Auch wenn Ihre Fähigkeiten noch nicht mit all diesen Fachbegriffen übereinstimmen, hoffen wir, dass Sie trotzdem etwas davon haben!
Möchten Sie weitere Informationen zu jedem Tool? Wir haben eine Reihe von CRO-Experten zu den Top-Tools befragt, die sie für die nächsten 5 Jahre für die besten halten (einschließlich der Tools auf dieser Liste). Sehen Sie hier, was sie zu sagen haben.
Und seien Sie gespannt auf Teil 2 der Reihe A/B-Tests für Single-Page-Anwendungen , in dem wir einen Blick auf die Backend-Seite der Dinge werfen und einige weitere technische Tipps und Best Practices für die Durchführung erfolgreicher Tests auf Single-Page-Apps teilen. Es erscheint in zwei Tagen!
