Figyelemmel kíséri a formában a Google Tag Manager

Ahhoz, hogy nyomon formában a Google Címkekezelőben, akkor a legjobb, hogy hozzon létre egy címkét Auditions űrlapokat. Feltéve, hogy az események nem blokkolja összeegyeztethetetlen szkripteket. akkor továbbítja> jelentése gtm.formSubmit az adatréteg a későbbi feldolgozás.

Ha a témát nem ismeri, akkor először olvastam az alapfogalmak: Automatikus eseménykövetés. makrók és szabályok. Justin Catron írt egy kiváló cikket a automatikus eseménykövetéssel, mely kiterjedt a alapfogalmait követési formák.

  1. Hozzon létre egy új típusú címke hallgatás űrlapokat.
  • Állítsa be a szabályt, amely a címkét „Minden oldal”.
  • Figyelemmel kíséri a formában a Google Tag Manager

    Akkor improvizálni. Nem kell telepíteni aktiválás minden oldalon. Annak érdekében, hogy optimalizálja az aktiválási lehet állítani csak az oldalak formákat.

    Még van két funkciót lehet engedélyezni vagy tiltani:

  • Hiba Check (Check érvényesítés). Ha az űrlap már megvizsgálták, és a hibák (pl működésének ellenőrzése elküldését formák), a címke nem lesz aktiválva. Ez a funkció hasznos lehet aktiválni, hacsak nincs valami probléma ismétlődő formák merülnek fel, például akkor, ha egy egyéni kezelő elküldeni az űrlapot.

  • Tag űrlapokat figyel arra számít sikeres benyújtása az űrlapot a weboldalon. Amint ez bekövetkezik, GTM gtm.formSubmit esemény adatrétegének. Ha engedélyezte Várakozás a címkékre, először aktiválnia kell minden kapcsolódó esemény címkék (ez idő alatt), és csak ezután a feladó teljes. Akkor majd a szabály> jelentése gtm.formSubmit bármely tag kell aktiválni, amikor elküldi az adatokat.

    Kezdeni. Lone tag figyel űrlapokat. akinek nyomorúságos létezését csökken vár benyújtásának formáját, készen arra, hogy teljesíti a feladatait rábízott a rendszergazda-szadista.

    2. Hasznos makrók

    Működés és használja a Google Tag Manager attól függ, hogyan használja a makrókat. Íme néhány makrók hogy lehet találni hasznos.

    makró típusa: Automatikus esemény változója
    Változó típusa: Element
    Leírás: javítások tárgyak elküldött űrlapok

    makró típusa: Automatikus esemény változója
    Változó típusa: elem id
    Leírás: Javítva az érték a DOM-elem azonosítója benyújtott formában.

    makró típusa: Automatikus esemény változója
    Típusú változó: URL elem
    Leírás: rögzíti az action attribútum a benyújtott formában

    Bármi is az ok, vannak olyan módon, hogy megjelenjen az értéke bizonyos területeken.

    Egyszerű módja az, hogy hozzon létre egy makrót>. korábban az első része a cikket. Ez megköveteli, hogy a területen, ahonnan a kibontani kívánt információt, hogy egy egyedi azonosító, például .

    Ezután hozzon létre egy új makrót keresési táblázat, amelyben akkor vissza az ID mező, amelynek értékét szeretnénk, attól függően, hogy a felhasználó egy adott oldalon, hogy egy adott forma azonosítót, és hasonlók. Az alábbiakban egy példa, amelyben a területén azonosító függ ID DOM-alakú elem:

    Figyelemmel kíséri a formában a Google Tag Manager

    Megjegyezzük, hogy a [0], miután kapcsolatos funkciók az első index a tömb. Ezért, ha érdekli a második bemeneti elem, akkor válassza ki az [1]. ha a harmadik, majd a [2], és így tovább.

    Az első bemeneti elem benyújtott formában:

    var inputField => getElementsByTagName ( "input") [0] .;

    A name attribútum, mint az első input elem, hogy „myInput” ():

    var inputField = document.getElementsByName ( "myInput") [0];

    Ami CLASS tulajdonság az első bemeneti elem take ():

    var inputField = document.getElementsByClassName ( "myInput") [0];

    4. Érték (ek) legördülő listák

    Ahhoz, hogy a kiválasztott érték a legördülő listából SELECT, szüksége lesz egy makrót, hogy megy keresztül minden elemét az OPCIÓ legördülő listából, és visszatér az egyik, hogy volt jelölve. Macro használtunk a fent megadott (>).

    Négyzeteket jellemzője, hogy többnyire akkor sok értéket. Ez azt jelenti, hogy ha azt akarjuk, hogy adatokat küld a kiválasztott doboz esetén meg kell igénybe a korábban leírt eljárások rádiógombjainak (PRO-módszer). Ahhoz, hogy megkapja értékei kiválasztott négyzeteket az ilyen (ix) a script (ek), mint fent, csak a hozzáférés helyett négyzeteket

    És ha szeretné a kiválasztott négyzetet feltétele az aktiváláshoz GTM tag, például, hogy a címke aktiválódik, ha a forma egy előfizetés spam e-mail (tájékoztatás kedvezmények)

    Szélsőséges esetben lehetséges, hogy megpróbálja használni kevésbé megbízható DOM-elem tulajdonságai, mint például previousSibling.innerText || previousSibling.textContent, hogy milyen szöveg megelőzi egy négyzetet (lásd. a fenti példában, ahol a kiválasztott négyzetet a feltétele az aktiválás a címkét). Nem fogjuk ásni a részleteket, mert ez a módszer nem „tiszta”. Érintkezve a törékeny tárgyat, mint a szöveges tartalom, mindig fennáll a veszélye fut be probléma.

    7. Egy űrlap elem - számos formája (ASP.NET)

    Természete miatt a platform dolgozni HTML-oldalak egy betegség, mint a dinamikusan létrehozott oldalak a legtöbb minőségétől függ a mester oldalsablonhoz.

    Gyakran előfordul, hogy az egész oldal tartalmazza az űrlap elem. Ez a pakolás alakú a ASPX oldal létrehozásához használt dinamikus tartalom kerül teljesen át a böngészőt. De a menedzser a probléma. Ha az oldal több mint egy formája, de a leggyakrabban előfordul, hogy nehéz meghatározni, hogy melyik forma nyújtja be a gombra kattintva. Az a tény, hogy gtm.formSubmit által kiváltott elküldésével tartalmát az űrlap elem, és a küldés lehet bármely a sok formák az oldalon.

    Áthidaló megoldás - nem a legjobb megoldás, de nincs más választása. Szeretném tudni, hogy a séta a történelem makró>. Azt szeretném, hogy hozzáférést biztosít az összes változat a történelem minden ilyen változó szinten! De amíg ez a nap eljön, van, hogy olvassa el az alábbiakban ismertetett módszerekkel.

    Meghatározása a kívánt alakra hallgat kattintás

    Ez a módszer magában hallgat kattintás, hogy melyik gombot nyomta meg, majd ezeket az adatokat használják, mint a szabály, amely a címkét zár, amely reakcióba lép, benyújtását. Ez használ során összegyűjtött információk az aktivációs teszt hallgatási menedzsere. Gtm.click mindig aktiválódik, mielőtt gtm.formSubmit.

    Ebben a példában két formája az oldalon: a keresőmező a helyszínen egy azonosítót küld siteSearchButton gombra. és egy űrlapot, hogy küldjön contactSubmitButton ID gombot.

    Először meg kell, hogy saját HTML-tag van állítva az aktiváláshoz, amikor> jelentése gtm.click. Igen, ez lesz az aktív hallgatás kattintással. Adjuk hozzá a következő kódot:

    Végül, abban az esetben tag küldeni a honlapon keresés meg kell adnia a következő szabály:

    És abban az esetben tag visszajelzést küldeni formákat kell lennie egy ilyen szabály:

    Ez a módszer működik, de nem vagyok biztos benne, hogy rendkívül megbízható. Mindig van rá esély, hogy csak akkor aktiválódik gtm.click tag vagy címke csak az űrlapot (egy hiba miatt, vagy valami mást), de amíg minden problémát ezzel a módszerrel nem volt. A fő hátránya - ez nem olyan „szép”. Hogy ellenőrizzék az aktiválás a fő tag van szükség a kettő között, és ez szar. Szeretnék szervezni mindent, ami össze van kötve az eseményeket csak a fő tag, anélkül, hogy igénybe a segítségével segédeszközök.

    Meghatározása helyes használata a form>

    Egy másik módszer, amellyel a probléma megoldódik FORMA elem tartalma az, hogy ellenőrizze a jelenlétét szöveges formában területen. Ha a szöveg, akkor ez a forma, amely az elküldött. Nem fogja, kezdve kitölteni egy űrlapot, egy hirtelen ugrás a másikra, és küldje el kiüríteni? (Kérjük, azt nem.)

    És az utolsó két szabály.

    Ez a szabály aktiválja a címkét, ha van szöveg a keresőmezőben az oldalon:

    Nem tetszik ez a módszer, mert nehéz fenntartani a jelentősége és alkalmazása annak nem nevezhető megbízhatónak.

    Következtetéseket lehet mondani, hogy a ASPX oldalakat is nehéz megbízható eredmények felhasználásával Űrlapküldés-figyelő GTM. Szerencsére, ha szabad így mondanom, foglalkozó honlapon rakodók ASPX formák - a legkevésbé a problémákat.

    8. Következtetés

    Ebben a bejegyzésben azonosítani többféleképpen használni a fejlett funkciók hallgatási űrlapbeküldési Google Dispetechera címkéket. Mostanában gyakran hallott kérdést, hogyan kell bontania az értékek, így a fő hangsúly került ebből a szempontból az adatgyűjtés.

    Nem vagyunk meríteni a dzsungelben egyéni űrlap kezelő, jQuery érvényesítő, esemény terjedési problémák és hasonlók, mert ezek a problémák nagyon csak egy bizonyos script, végrehajtásához, illetve az oldalon. Elég annyit mondani, hogy ha az egyéni rakodók küldeni, például, akkor meg kell kérdezni a fejlesztő, hogy módosítsa a script, hogy egy esemény küld formájában volt esélye, hogy meghallgassák a diszpécser (esemény küldöttsége a probléma).

    Ossza meg képeit barátaival és munkatársaival

    127.055,
    Str. Novoslobodskaya,
    d. 61, p. 2 428 018,
    Str. Nyizsnyij Novgorod,
    d. 6, p. 2