Zurück
Marketing
Anzeige

Fullstack Testing: Warum der Fullstack-Ansatz in deiner zukünftigen A/B Teststrategie eine wichtige Rolle spielen sollte

Kameleoon kombiniert server- & clientseitige A/B Tests.
Mit Full-Stack stellen Sie Ihre Besucherdaten in den Mittelpunkt Ihrer Personalisierungsstrategie. (© Kameleoon)

Wenn es um die Einführung von A/B Tests geht, haben Website-Anbieter in der Regel zwei Möglichkeiten: Sie können clientseitige oder serverseitige A/B Tests implementieren. Dabei hängt die Wahl des Ansatzes meistens von speziellen Geschäftsanforderungen ab, wie der Unternehmensstruktur, den internen Ressourcen und vor allem der Struktur und der Ziele der Tests, die durchgeführt werden sollen.

Aber was versteht man eigentlich unter clientseitigen und serverseitigen Tests? Worin liegen die Unterschiede und Vorteile beider Ansätze? In diesem Beitrag betrachten wir nicht nur die verschiedenen Anwendungsbereiche, sondern zeigen gleichzeitig anhand des Fullstack-Ansatzes, dass du nicht länger zwischen beiden wählen musst: Verbinde einfach mit hybriden Tests die Vorteile beider Methoden!

Clientseitig vs. serverseitig

Beim clientseitigen Testen werden die Webseiten direkt im Browser des Besuchers verändert. Hierzu wird der Quellcode der Originalseite vom Server an den Browser des Besuchers weitergeleitet und ein Skript (Javascript, CSS, HTML etc.) steuert die gewünschten Änderungen direkt im Browser (ob Chrome, Firefox, Safari, Opera usw.), um eine Version der modifizierten Seite anzuzeigen. Somit lassen sich A/B Tests und Personalisierungen sehr schnell erstellen, die zum Beispiel auf die Platzierung von Texten, Änderung von Call-to-Action-Buttons, Anordnung von Blöcken oder das Hinzufügen von Pop-ins abzielen.

Clientseitige Tests und Personalisierungen erfordern keine fortgeschrittenen technischen Kenntnisse und sind für digitale Marketer leicht umzusetzen. Die clientseitige Ausführung von A/B Tests hat für Website-Anbieter vor allem den Vorteil, dass Tests sehr flexibel eingesetzt und von einer großen Anzahl an Mitarbeitenden aus dem Marketing-Team implementiert werden können.

„Clientseitige Tests ermöglichen nicht nur die Abfrage von Scroll- und Klick-Zielen, ein weiterer großer Vorteil liegt im Targeting. Wenn Tests nur für bestimmte Zielgruppen (bspw. Desktop vs. Mobile Nutzer) ausgespielt werden sollen, bietet der clientseitige Ansatz deutlich mehr Möglichkeiten.”

Christoph Ernst, Technical Account Manager, Kameleoon

Doch reicht der clientseitige Testansatz heute noch aus? Entspricht ein Ausspielen von A/B Tests auf reiner Frontend-Ebene einem komplexer gewordenen Standardnutzer, der Webseiten und Services omnikanal konsumiert?

Der Fullstack-Modus funktioniert auch ohne klassische Web-Architektur.
Im Fullstack-Modus können Sie Ihre Experimente sogar dort einsetzen, wo keine klassische Web-Architektur vorhanden ist, wie z.B. in native mobile Apps auf Smartphones und Tablets. (© Kameleoon)

Serverseitig zu arbeiten bedeutet, dass Optimierungshypothesen auf der Seite der Backend-Architektur erstellt werden. Die Änderungen werden direkt beim Laden der HTML-Seiten generiert, sodass alle Testelemente direkt aus der Programmieroberfläche heraus gesteuert werden. Auf diese Weise lassen sich umfassendere Tests sowie Personalisierungen von Struktur und Ablauf der Webseiten realisieren.

„Überall dort, wo Logik im Backend-Bereich eine große Rolle spielt, ist serverseitiges Testen unerlässlich. Komplizierte Tests, beispielsweise bezüglich verschiedener Preismodelle, können nicht nur auf Frontend Ebene ausgespielt werden, sondern haben Auswirkungen auf angeschlossene Systeme wie Rechnungs- und Buchhaltungsprogramme. Gerade solche den Sales Funnel oder auch Suchalgorithmen betreffende Experimente können einen hohen Mehrwert bieten, müssen aber professionell serverseitig geschehen.”

Ulf Mayer, Solution Engineer, Kameleoon

Fullstack: crossfunktional Vorteile ausnutzen

Mit dem Fullstack-Ansatz lassen sich die Vorteile von clientseitig und serverseitig ausgespielten A/B Tests leicht miteinander verbinden. Nicht nur aus technischen, sondern auch aus datenschutzrechtlichen Aspekten gehört die Integration eines Fullstack-Ansatzes auf jeden Fall zu einer modernen Teststrategie dazu. Der Fullstack-Ansatz ermöglicht es Website-Anbietern, komplizierte Tests omnikanal durchzuführen und dabei gleichzeitig Targeting-Optionen zu berücksichtigen.

In einer einzigen interdisziplinären Testkampagne können so beispielsweise Preisveränderungen omnikanal geprüft werden (Backend), wobei zum Beispiel Design und die Farbe der Preisanzeigen davon abhängen, ob es sich um wiederkehrende Nutzer handelt oder nicht (Frontend). Auf Kameleoons Fullstack-Plattform kannst du genau diese Kombination implementieren, sodass Marketing- und Technik-Teams gemeinsam an Experimenten und Personalisierungen arbeiten können.

Warum Fullstack auch für deine Teststrategie ausschlaggebend sein kann

 

#1 Tendenz zu crossfunktionalen Teams

Aufgrund der steigenden Komplexität im digitalen Marketing erkennt man in letzter Zeit eine deutliche Tendenz hin zu crossfunktionalen Teams. Die Zusammenarbeit von digitalen Marketers, UXlern, Analysten, Frontend-Entwicklern, Backend-Entwicklern sowie hybriden Entwicklern (Frontend + Backend) steht bei Website-Anbietern hoch im Kurs. Bei Einbeziehung eines Fullstack Frameworks haben diese Akteure die Möglichkeit, A/B Tests gemeinsam so zu konzipieren, dass sie für alle Seiten am schnellsten und effektivsten auszuführen sind. Nur unter Einbeziehung dieser verschiedenen Perspektiven erreicht man eine 360-Grad-Sicht auf den Nutzer.

#2 360-Grad-Tests aus mehreren Perspektiven

Dank der immer häufiger verwendeten Fullstack Frameworks erreicht man auch in Bezug auf A/B Tests eine ganzheitliche Sicht auf seine Nutzer. Testkampagnen sind nun in der Lage, Nutzer über die clientseitige und serverseitige Ebene hinweg zu verfolgen und somit Usergruppen-bezogene Tests über einen längeren Zeitraum präziser auszuspielen. Ein Fallbeispiel:

 

„Einer unserer Kunden wollte vor Kurzem den Button auf seiner Webseite testen, der in den Apple Store verweist, um eine zu seinem Service passende iOS-Applikation herunterzuladen. Mit Kameleoons Fullstack-Plattform ist man in der Lage, clientseitig das Design des Buttons zu testen, und gleichzeitig den Nutzer mit einem Unique Identifier auch auf Serverebene nach Herunterladen der App wiederzuerkennen, in eine bestimmte Nutzergruppe einzuteilen und die Testkampagne fortzuführen.”

Jan Pertzborn, Technical Project Manager, Kameleoon

#3 Datenschutzkonform und gleichzeitig flexibel

Differenzierte, auch Website-übergreifende Targeting-Funktionen nutzen häufig Third Party Cookies. Verschiedene DSGVO-bezogene Rechtsprechungen erschweren den Cookie-Einsatz auf Browser-Ebene erheblich, indem genaue Vorschriften für die Cookie-Dauer oder die Gestaltung von Opt-in-Bannern gelten. Mit dem Fullstack-Ansatz ist es möglich, auf Clientebene zu testen und gleichzeitig die Nachverfolgung eines Nutzers durch das Setzen eines First Party Cookies auf Serverebene sicherzustellen. Daher lohnt es sich nicht zuletzt auch aus datenschutzrechtlichen Gründen, eine Fullstack-Teststrategie im Unternehmen zu implementieren.

#4 State of the Art: Anpassung von A/B Tests an aktuelle Strukturentwicklungen

Seit einiger Zeit lässt sich die Tendenz erkennen, dass moderne Webapplikationen beispielsweise mit Node JS oder serverseitigem Javascript geschrieben werden. Außerdem arbeiten Website-Anbieter auf Browser-Ebene zunehmend mit Javascript Frameworks wie Vue.js, Angular.js oder React, um die Performance nachhaltig zu verbessern. Dies stellt das clientseitige Testen vor eine große Herausforderung: Denn normalerweise sind es die sogenannten Events (Neuladen und Aufrufen einer Webseite), die den Auslöser zur Ausspielung eines A/B Tests auf DOM-(Document Object Model)-Ebene geben.

Um die Performancesteigerung zu erreichen, sorgen die modernen Javascript Frameworks dafür, dass nach einmaligem Laden der Webseite keine weiteren Serveranfragen des Clients mehr stattfinden und nur noch Teilbereiche der Webseite neu geladen werden. Auch hier liegt die Lösung im Fullstack-Ansatz, der eine optimale Anpassung an moderne Webapplikationen darstellt. Im Vorfeld kann demnach im SDK (serverseitig) für einen ganz bestimmten Webseitenbereich definiert werden, welche Veränderungen auch auf Clientebene (Banner-Änderungen, Call-to-Action-Buttons etc.) ausgespielt werden sollen.

Zunehmende Zusammenarbeit in crossfunktionalen Teams, die Entwicklung von Testkampagnen aus mehreren Perspektiven, Datenschutz sowie das frühzeitige Erkennen von Trends moderner Webapplikationen sind alles wichtige Gründe, warum auch du dein Unternehmen mit einer Fullstack-Teststrategie ausrüsten solltest. Kameleoon bietet mit seiner Fullstack-Plattform ein professionelles Tool und unterstützt dich aktiv bei der Umsetzung deiner Teststrategie.

Diese Story teilen