Einsteiger Vortrag während der SEO Campixx 2018: Schnelle und kostenfreie ab tests mit google optimize und tag manager

1. Schnelle und kostenfreie A/B Tests
Mit Google Optimize und Tag Manager

2. Basics: ● Laufzeit über 2 Wochen
○ Wetter
○ Events
○ Feiertage

3. Optimize
vs
Optimize 360
Google
Optimize
Google
Optimize 360
Analytics
Audience
Targeting
Multivariate
Tests
Parallele Tests
https://www.google.com/analytics/optimize/compare/

4. Optimize Einbinden
https://www.google.com/analytics/optimize/

5. Test erstellen:
1. Name
2. URL
3. Art des Tests

6. Integration
abschließen, bevor
es weiter geht

7. Dazu mit der
Google Analytics
Property verbinden

8. Dann stehen auch
die Datenansichten
zur Auswahl

9. Im 3. Schritt das
Tracking zur
Website
hinzufügen...

10. Via Analytics oder
GTM

11. Im GTM wird das
Optimize schon als
Tag geführt:

12. Hier fügen wir die
Container-ID ein:

13. Und wählen einen
Trigger:
(z.B. alle Seiten)

14. Aber auch gezielte
Trigger auf Seiten
oder Bereichsebene
sind möglich.

15. Dazu den Trigger
entsprechend
anpassen:

17. GTM ist schon
fertig konfiguriert.

18. Nun den neuen
GTM Container
veröffentlichen:

19. Zurück in Optimize:
Zusätzlicher Code
um Flackern zu
vermeiden.
Dazu gleich mehr.

20. Dann können wir
loslegen:

21. Oder doch nicht ;)

22. Ähnlich den Dev-Tools per Maus Elemente
auswählen:

23. Per Klick auswählen

24. Und im Editor bearbeiten.

25. Dann testen:
Flackern in above-the-fold Inhalten
Video verfügbar unter: https://www.youtube.com/watch?v=N6rydrjUniI

26. Deswegen der
zusätzliche Code:

27. Anordnung von Elementen:
Empfohlen: Drag & drop
Alternativ: frickelig und fehleranfällig
via Pixel-Angabe verschieben:
● Inhalt von B -> A verschieben
und
● Inhalt von A -> B verschieben

28. Ziele aus Analytics verwenden:

29. Test starten:
Gilt auf allen Seiten mit den entsprechenden Elementen.
Gilt auf allen Geräten.

30. Die Anpassungen
sind universal,
passen also nicht
überall:
Problematisch, wenn die
Pixel-Positionierung nur auf
dem Desktop gut aussieht.
Daher besser mit der
integrierten Drag&drop
Funktion arbeiten.
Oder den Varianten-Test auf
einen bestimmten Gerätetyp
beschränken.

31. Test weiter einschränken:

32. Variante auf Desktop beschränken

33. Oder vorher testen und (soweit möglich)
mit Custom CSS arbeiten

34. Das CSS lässt sich einfach ergänzen:

35. Test Beenden
Kann nicht neu gestartet werden.
Aber ihr könnt sie klonen.

36. Ergebnisse

37. Einfluss auf Seitenladezeit:
https://www.webpagetest.org/result/180228_BR_544e15fc736b60c21a0d442f37a74561/
https://www.webpagetest.org/result/180228_4D_5041fe161f73c1b3bc3ef40451d0696e/

38. Gut zu wissen: 1. Tests nach dem Start nicht mehr
editierbar
a. Aber ihr könnt sie kopieren
2. Die “Editorseite” lässt sich bei der
Variantenerstellung mehrmals ändern
a. Damit könnt ihr Preise oder
Beschreibungen nicht nur auf
einer Seite bearbeiten
3. Behavior-, Geo- und Technology-
Targeting könnt ihr (experimentell) für
die Personalisierung der Seite nutzen
https://support.google.com/360suite/optimize/answer/6211930#start-experiment

39. Ein paar Ideen:
https://www.youtube.com/channel/UCuzOTXyuGKC-9sCWw4hNWkQ

40. Weitere Ideen:
https://www.konversionskraft.de/

41. Vor dem Testen
erstmal die
Hausaufgaben
machen...
https://www.seokratie.de/ab-testing-usability/

42. Hans Jung
SEO Consultant
https://hansjung.de
Fragen?
Ich helfe gerne:
https://hansjung.de/kontakt/