Appearance
Nastavení Google Tag Manager
Rychlý přehled
Kalendář Zaptime automaticky odesílá do dataLayer tři klíčové události, které můžete sledovat pomocí GTM:
zaptime:calendar_opened
- Načtení rezervačního kalendářezaptime:time_slot_selected
- Výběr konkrétního termínuzaptime:booking_confirmed
- Úspěšné dokončení rezervace
Události v dataLayer
Událost: zaptime:calendar_opened
Kdy se spouští: Při načtení rezervačního kalendáře na stránce
Struktura dat:
javascript
{
event: "zaptime:calendar_opened",
properties: {
eventTypeName: "30minutová konzultace" // Název rezervačního kalendáře
}
}
Událost: zaptime:time_slot_selected
Kdy se spouští: Když uživatel klikne na konkrétní časový termín
Struktura dat:
javascript
{
event: "zaptime:time_slot_selected",
properties: {
timeSlot: "2025-01-15T14:30:00.000Z" // ISO 8601 formát
}
}
Událost: zaptime:booking_confirmed
Kdy se spouští: Po úspěšném odeslání rezervace
Struktura dat:
javascript
{
event: "zaptime:booking_confirmed",
properties: {
timeSlot: "2025-01-15T14:30:00.000Z" // ISO 8601 formát (nepovinné)
}
}
Nastavení v GTM
Vytvoření proměnných dataLayer
Název proměnné | Typ proměnné | Název proměnné datové vrstvy |
---|---|---|
DLV - Název události | Proměnná datové vrstvy | properties.eventTypeName |
DLV - Časový slot | Proměnná datové vrstvy | properties.timeSlot |
Vytvoření spouštěčů (triggerů)
Název spouštěče | Typ spouštěče | Název události |
---|---|---|
Zaptime - Otevření kalendáře | Vlastní událost | zaptime:calendar_opened |
Zaptime - Výběr termínu | Vlastní událost | zaptime:time_slot_selected |
Zaptime - Potvrzení rezervace | Vlastní událost | zaptime:booking_confirmed |
Testování v režimu náhledu GTM
- Aktivujte režim náhledu v GTM
- Přejděte na stránku s kalendářem Zaptime
- V Tag Assistant ověřte:
- Při načtení stránky: Spustí se událost
zaptime:calendar_opened
- Při kliknutí na termín: Spustí se událost
zaptime:time_slot_selected
- Po dokončení rezervace: Spustí se událost
zaptime:booking_confirmed
- Při načtení stránky: Spustí se událost