Túrák | Yaplet HU

Hogyan működnek a túrák

A túrák overlay élményekként jelennek meg közvetlenül a weboldaladon, interaktív bemutatókon keresztül vezetve a látogatókat a terméked megismerésében. Vizuális jelzéseket, magyarázó szöveget és opcionális videó tartalmat kombinálnak vonzó bevezető vagy funkció felfedezési élmények létrehozásához, amelyek alkalmazkodnak a weboldalad dizájnjához. A túrák több oldalra is kiterjedhetnek, automatikusan navigálva a látogatókat az oldalak között, ahogy haladnak az egyes lépéseken.

Túrák aktiválása

A túrákat különböző események és feltételek aktiválhatják, mint oldallátogatások, felhasználói interakciók, időalapú szabályok vagy egyéni események. A túra triggerek konfigurálásáról részletes információkat a trigger dokumentációnkban találsz.

Trigger konfiguráció

Ismerkedj meg az összes elérhető trigger opcióval és azok konfigurálásával a túráidhoz.

Túra beállítások

Alapkonfiguráció

Név

string required

Leíró cím a túrádhoz, amelyet a vezérlőpulton használsz.

Widget

string required

Válaszd ki, melyik widgethez tartozik ez a túra. A widget határozza meg, melyik weboldalon jelenik meg a túra.

Publikált

boolean

Kapcsoló, hogy a túra aktív-e és aktiválható-e a látogatók számára.

Kezdő URL-ek

PageUrlEntry[] required

Egy vagy több oldal URL, ahol a túra aktiválódhat. Alapértelmezetten az URL-ek pontosan egyeztetődnek. Használd a * karaktert helyettesítőként bármilyen szöveg egyeztetéséhez:

https://example.com/dashboard — csak ezt az oldalt egyezteti pontosan.
https://example.com/dashboard/* — a /dashboard/ alatti összes aloldalt egyezteti.
https://example.com/*/edit — bármely szerkesztő oldalt egyezteti (pl. /products/edit, /settings/edit).

A záró perjelek figyelmen kívül maradnak az egyeztetés során. A túra akkor aktiválódik, ha a látogató a felsorolt URL-ek bármelyikén tartózkodik (VAGY logika). Annyi URL-t adhatsz hozzá, amennyit szükséges.

Súly

number

Meghatározza a túra prioritását, amikor több túra is megfelelő ugyanannak a látogatónak. A nagyobb súlyú túrák aktiválása élvez elsőbbséget.

Bezárás engedélyezése

boolean

Lehetővé teszi a látogatóknak a túra bármikori elvetését.

Vissza gomb

boolean

Mutat egy vissza gombot, amely lehetővé teszi a felhasználóknak az előző túra lépésekhez való navigálást.

Túra szerkesztő

A túra szerkesztő vizuális felületet biztosít interaktív vezetett élmények létrehozásához. Külön ablakban nyílik meg és lehetővé teszi lépésenkénti túrák építését közvetlenül a weboldaladon.

Lépés típusok

A túrák többféle lépéstípust támogatnak gazdag, interaktív élmények létrehozásához:

Szöveges lépések, amelyek üzeneteket és információkat jelenítenek meg specifikus elemek kiemelése nélkül.

Többoldalas túrák

A túrák több oldalra is kiterjedhetnek. Minden lépés egy specifikus oldal URL-jét célozhatja meg — amikor a látogató halad a túrán, az automatikusan navigál az oldalak között szükség szerint. A szerkesztőben használd a Navigálás gombot, hogy átválts egy másik oldalra és ott adj hozzá lépéseket. A lépések oldalanként csoportosítva jelennek meg az idővonalon az áttekinthetőség érdekében.

Ha a kezdőoldal különböző URL-változatokon is elérhető, add meg őket további Kezdő URL-ekként. Használj helyettesítő karakteres egyeztetést (pl. https://example.com/app/*) a weboldalad egy teljes szekciójának lefedéséhez, vagy add meg a teljes URL-t specifikus oldalakhoz.

Reszponzív elem célzás

A mutató és videó mutató lépésekhez beépített tartalék rendszer tartozik, amely kezeli azokat az eseteket, amikor a célzott elem nem látható — például egy oldalsáv menüpont, ami mobilon hamburger menüvé alakul. A rendszer három szintű rugalmasságot biztosít: tartalék szelektorok, tartalék lépések és kihagyás ha rejtett.

Tartalék szelektorok hozzáadása

Válaszd ki az elsődleges elemet

Válaszd ki a fő célelemet a szokásos módon a célkereszt választóval.

Adj hozzá tartalék szelektort

Miután az elsődleges szelektor be van állítva, egy Tartalék szelektor hozzáadása gomb jelenik meg alatta. Kattints rá, hogy újra belépj a választó módba és válassz ki egy alternatív elemet (pl. a mobil megfelelőjét).

Kezeld a tartalékokat

Minden tartalék számozott jelölőként jelenik meg. A fel/le nyilakkal átrendezheted, az X gombbal eltávolíthatod. Annyi tartalékot adhatsz hozzá, amennyit szükséges.

Hogyan működik futásidőben

Az SDK a következő prioritási sorrendben próbálja megjeleníteni a lépést:

Elsődleges szelektor — a fő elem, amelyet kiválasztottál
Tartalék szelektorok — sorrendben, fentről lefelé próbálva (ugyanaz az üzenet, más célpont)
Tartalék lépések — sorrendben próbálva, az első találat nyer (teljesen különböző lépés saját üzenettel és célponttal)
Kihagyás vagy középre igazított üzenet — ha semmi sem egyezik és a Kihagyás ha rejtett engedélyezve van, a lépés csendben kimarad. Ellenkező esetben a lépés középre igazított felugró ablakként jelenik meg

Az első látható találat minden szinten felhasználásra kerül. A tartalék szelektorok megőrzik az eredeti lépés üzenetét, de más elemre mutatnak. A tartalék lépések teljesen függetlenek — saját típusuk, szelektoruk és üzenetük van.

Egy asztali oldalsáv linkre mutató pointer nem biztos, hogy létezik mobilon, ahol a navigáció hamburger menübe van összecsukva. Adj hozzá egy tartalék szelektort a mobil menü megfelelőjéhez, hogy a kisebb képernyős látogatók is a megfelelő elemen lássák a mutatót.

Tartalék lépések

Míg a tartalék szelektorok egy másik elemre mutatnak ugyanazzal az üzenettel, a tartalék lépések lehetővé teszik teljesen különböző lépések meghatározását, amelyek akkor jelennek meg, ha az elsődleges elem nem látható. Minden tartalék lépésnek saját típusa (mutató vagy bejegyzés), szelektora és üzenettartalma van.

Ez akkor hasznos, ha a weboldalad mobil verziója alapvetően eltérő elrendezéssel rendelkezik — nem csak egy másik szelektor ugyanahhoz az elemhez, hanem egy teljesen más interakciós folyamat.

Tartalék lépések hozzáadása

A lépésszerkesztőben a Tartalék lépések rész a tartalék szelektorok alatt jelenik meg a mutató és videó mutató lépéseknél. Kattints a Mutató hozzáadása vagy Bejegyzés hozzáadása gombra egy tartalék lépés létrehozásához. Mutató típusú tartalékoknál az elemválasztó automatikusan megnyílik, hogy kiválaszthasd a célelemet. Használd a ceruza ikont a tartalék lépés üzenetének szerkesztéséhez.

Példa felhasználási eset

A túrád kiemeli a „Beállítások" gombot a felső navigációs sávban. Mobilon nincs felső navigáció — ehelyett a felhasználók az alsó fülsáv ikonon keresztül érik el a beállításokat. Egy tartalék szelektor itt nem segít, mert a mobil elem teljesen más környezetben van. Adj hozzá egy tartalék mutató lépést, amely az alsó fülsáv ikonra céloz, a mobil elrendezéshez igazított üzenettel.

Kihagyás ha rejtett

Engedélyezd a Kihagyás ha rejtett kapcsolót bármely mutató vagy videó mutató lépésen, hogy csendben átugorja azt, ha sem az elsődleges elem, sem a tartalék szelektorok, sem a tartalék lépések nem találnak látható egyezést. E kapcsoló nélkül az egyezés nélküli lépések középre igazított felugró üzenetként jelennek meg.

Használd a Kihagyás ha rejtett opciót olyan lépéseknél, amelyek csak bizonyos kontextusokban relevánsak — például egy csak asztali funkciót kiemelő lépésnél, amelynek egyáltalán nincs mobil megfelelője.

Szerkesztő munkafolyamat

1. lépés: Kezdő oldal beállítása

Adj hozzá egy vagy több Kezdő URL-t. A túra szerkesztő az első URL-t nyitja meg egy új ablakban. Ha az első URL helyettesítő karaktert (*) tartalmaz, a rendszer kéri, hogy adj meg egy konkrét oldal URL-t a szerkesztő megnyitásához.

2. lépés: Túra lépések hozzáadása

Kattints a weboldalad elemeire mutató lépések létrehozásához, vagy adj hozzá szöveges/videó lépéseket a felhasználók funkciók közötti vezetéséhez. Használd a + gombokat a lépések között egy adott pozícióba való beszúráshoz.

3. lépés: Navigálás más oldalakra

Többoldalas túrákhoz kattints a Navigálás gombra, hogy átválts egy másik oldalra és folytasd a lépések hozzáadását. A szerkesztő megőrzi a haladásodat az oldalváltások között.

4. lépés: Lépés tartalom konfigurálása

Minden lépéshez adj hozzá magyarázó szöveget, opcionális videókat és interakciós utasításokat. A bejegyzés és link lépések bármelyik oldalhoz hozzárendelhetők az oldalválasztóval.

5. lépés: Előnézet és finomítás

Teszteld a túra folyamatot, állítsd be a lépések sorrendjét fogd-és-vidd módszerrel, és biztosítsd a lépések és oldalak közötti zökkenőmentes navigációt.

6. lépés: Túra mentése

Mentsd vissza a túra konfigurációdat a vezérlőpultra publikáláshoz.

A link lépések átirányítanak egy URL-re és befejezik a túrát — csak utolsó lépésként használd. Túrán belüli oldalváltásokhoz használd a Navigálás funkciót, hogy különböző oldalakon adj hozzá lépéseket.

Előnézet és tesztelés

Használd a beépített előnézeti funkciót, hogy meglásd, hogyan fog megjelenni a túrád a weboldaladon. A túra szerkesztő valós idejű előnézetet biztosít a lépésekről és interakciókról.

Outreach kampányok tesztelése

Tudd meg, hogyan tesztelheted biztonságosan az outreach kampányaidat, mielőtt éles látogatóknak telepítenéd.

Mindig teszteld a túráidat különböző eszközökön és képernyőméreteken, hogy biztosítsd az elem kiemelés és lépés előrehaladás helyes működését. Használj tartalék szelektorokat, tartalék lépéseket és a kihagyás ha rejtett opciót a mutató lépéseknél a reszponzív elrendezések kezeléséhez, ahol az elemek nem feltétlenül láthatók minden képernyőméreten.