Bannerek | Yaplet HU

Hogyan működnek a bannerek

A bannerek közvetlenül a weboldaladon jelennek meg, amikor a trigger feltételek teljesülnek. Zökkenőmentesen integrálódnak a weboldalad dizájnjával, és tartalmazhatnak szöveges tartalmat, stílusbeállításokat és interaktív elemeket, mint gombok vagy bezárás vezérlők.

Banner lista

A banner lista az összes banneredet vizuális kártyaként jeleníti meg rácsos elrendezésben. Minden kártya mutatja:

Egy élő szín előnézet csík, amely a banner tényleges színeit tükrözi
A banner nevét és a hozzárendelt widgetet
Egy Publikált/Vázlat jelvényt — kattints rá közvetlenül a listából a banner állapotának váltásához
Prioritás súlyozás és létrehozás dátuma
Gyors művelet gombok a szerkesztéshez, másoláshoz vagy törléshez

Banner létrehozása

Kattints az Új banner gombra a létrehozási ablak megnyitásához. Kezdheted a nulláról, vagy választhatsz előre elkészített sablont:

Üres banner

Kezdj egy üres bannerrel és konfigurálj mindent a semmiből.

Szerverhiba

Sárga beágyazott banner "Kapcsolatfelvétel" chat művelettel. Minden oldalmegtekintéskor aktiválódik.

Új funkció

Kék beágyazott banner "Tudj meg többet" URL művelettel. Munkamenetenként egyszer aktiválódik.

Különleges ajánlat

Zöld beágyazott banner "Ajánlat igénylése" URL művelettel. Munkamenetenként egyszer aktiválódik.

Fontos közlemény

Piros beágyazott banner bezárás gomb és művelet nélkül. Minden oldalmegtekintéskor aktiválódik.

Információs tipp

Indigó beágyazott banner "Mutasd meg" URL művelettel. Munkamenetenként egyszer aktiválódik.

A sablonok előre kitöltik mind a vizuális beállításokat, mind a trigger feltételeket, így azonnal használható bannert kapsz, amelyet tovább szabhatsz testre.

Banner szerkesztő

A banner szerkesztő kétpaneles elrendezést használ asztali gépen: bal oldalon a beállítások panel, jobb oldalon az élő előnézet. Mobilon az előnézet ragadós csíkként jelenik meg a tetején, alatta a teljes beállítási űrlappal.

A felső navigációs sáv mutatja a banner nevét, egy Éles/Vázlat állapot jelvényt, valamint a riportok és mentés gombokat.

Bannerek aktiválása

A Trigger szekció az első dolog, amit a szerkesztőben látsz. Ha nincsenek triggerek beállítva, egy figyelmeztető doboz jelenik meg, amely a beállításukra ösztönöz. Ha vannak triggerek, egy összefoglaló mutatja a számukat. Bármelyikre kattintva megnyílik a trigger konfigurációs ablak.

A 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 bannereidhez.

Banner beállítások

Általános

Név

string required

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

Widget

string required

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

Publikált

boolean

Kapcsoló, hogy a banner aktív-e és megjeleníthető-e a látogatók számára.

Tartalom

string required

A banner fő szöveges tartalma, HTML formázást támogatva szövegszerkesztőn keresztül.

Megjelenés

Stílus

select required

Válaszd ki a banner megjelenítési stílusát (lásd a Megjelenítési stílusok részt alább).

Szegély lekerekítés

number

Lebegő kapszula bannereknél állítsd be a lekerekített sarkokat (hagyd üresen az alapértelmezett lekerekített megjelenéshez).

Színátmenet

boolean

Engedélyezd a színátmenetes hátteret az egyszínű helyett.

Banner szín

string

A banner háttérszíne (ha a színátmenet ki van kapcsolva).

Színátmenet színek

string

Ha a színátmenet engedélyezve van, konfigurálj legfeljebb 5 színt és állítható forgatási szöget (0-360 fok).

Bezárás gomb megjelenítése

boolean

Engedélyezz egy bezárás gombot (x), amely lehetővé teszi a látogatóknak a banner elrejtését.

Megjelenítési stílusok

A bannerek három különböző megjelenítési stílust kínálnak, mindegyik egyedi pozicionálással és viselkedéssel:

Teljes szélességű bannerek, amelyek a body tag tetejéhez kerülnek hozzáfűzésre. Lenyomják a nem rögzített elemeket és együtt görgetődnek az oldal tartalmával - görgetéskor eltűnnek, mint a normál oldalelemek.

Amikor aktív, a body tag megkapja a yaplet-b-shown CSS osztályt.

Teljes szélességű bannerek, amelyek a képernyő tetejéhez tapadnak görgetéskor is. Ez a stílus nem próbálja lenyomni az oldal tartalmát - a meglévő elemek tetején jelenik meg. Tökéletes rögzített navigációs sávokkal vagy fejlécekkel rendelkező oldalakhoz.

yaplet-b-shown és yaplet-b-fi CSS osztályokat ad a body-hoz. Szükség esetén a --yaplet-margin-top CSS változóval tolhatod le a rögzített fejléceket.

Középen elhelyezett, kapszula alakú bannerek, amelyek nem feszítik ki a teljes képernyőszélességet. A lebegő teljes szélességűhöz hasonlóan a tetejéhez tapadnak, de vizuálisan elkülönülnek és kissé eltávolodnak a képernyő szélétől.

yaplet-b-shown és yaplet-b-f CSS osztályokat ad a body-hoz. Szükség esetén a --yaplet-margin-top CSS változóval tolhatod le a rögzített fejléceket.

A bannerek automatikusan CSS osztályokat és CSS változókat adnak az oldaladhoz megjelenítéskor, lehetővé téve az elrendezés szükség szerinti módosítását. Használd ezeket a weboldalad elemeinek és a banner pozicionálás kölcsönhatásának testreszabásához.

A színátmenetes hátterekhez legalább 2 szín szükséges. A szöveg színe automatikusan igazodik a színátmenet középső színe alapján az optimális kontraszt és olvashatóság érdekében.

Szegély

Szegély engedélyezve

boolean

Kapcsoló, hogy a bannernek legyen-e látható szegélye.

Szegély szélesség

number

Állítsd be a szegély vastagságát pixelben.

Szegély szín

string

Válaszd ki a banner szegélyének színét.

Művelet

Konfiguráld, mi történjen, amikor a látogatók interakcióba lépnek a bannereddel:

Nincs művelet

A banner csak információt jelenít meg, interaktív elemek nélkül.

Beszélgetés indítása

Chat beszélgetést nyit meg. Opcionálisan válassz egy specifikus munkafolyamatot a beszélgetés megkezdéséhez.

Kérdőív indítása

Kérdőívet indít a látogatói visszajelzés gyűjtéséhez.

Visszajelzési űrlap megjelenítése

Visszajelzési űrlapot jelenít meg a felhasználói bemenet gyűjtéséhez.

URL megnyitása

Külső weboldalra vagy oldalra irányítja a látogatókat.

Tudásbázis cikk megjelenítése

Tudásbázis cikket jelenít meg a widget tudásbázisából.

Hír cikk megjelenítése

Hír cikket mutat az outreach tartalmaidból.

Művelet testreszabás

Interaktív elemeket tartalmazó műveletekhez:

Művelet szöveg

string

A művelet gombon megjelenő szöveg.

Művelet szín

string

Egyéni szín a művelet gombhoz (hagyd üresen az alapértelmezett stílus használatához).

A művelet gombok öröklik a banner szövegszín logikáját - automatikusan megfelelő kontrasztszíneket használnak a háttérválasztásod alapján.

Előnézet és tesztelés

A szerkesztőben lévő élő előnézet pontosan megmutatja, hogyan fog kinézni a bannered a weboldaladon. Asztali gépen egy böngésző makettben jelenik meg a beállítások panel mellett. Módosíthatod az előnézet háttérszínét, hogy különböző oldal hátterekkel tesztelj, és biztosítsd a megfelelő kontrasztot.

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 bannereidet különböző eszközökön és képernyőméreteken, különösen lebegő stílusok vagy színátmenetek használatakor, hogy biztosítsd a helyes megjelenítést minden látogató számára.