Uztveriet rezervāciju logrīka notikumus savā vietnē

Kad rezervāciju logrīks ir Jūsu vietnē, tas ziņo lapai, ko viesis tajā dara: paneļa atvēršanu un aizvēršanu, katru rezervācijas ekrānu, katru atbildi un pašu rezervāciju. Katrs no tiem ir pārlūka notikums objektā window, tāpēc Jūsu izstrādātājs — vai ikviens, kas pārvalda Jūsu Google Tag Manager, — var izveidot rezervāciju piltuvi, mainīt lapu, kad kāds rezervē, vai nosūtīt soļus uz jebkuru analītikas rīku.

Notikumi

Katrs notikums savus datus nes laukā event.detail. Divi lauki ir vienmēr: company — data-company vērtība Jūsu iegulšanas kodā — un booking_type: reservation galdiņiem, appointment pakalpojumiem.

Uztveriet notikumu

Pievienojiet tai pašai lapai, kurā ir logrīks, skriptu ar window.addEventListener un notikuma nosaukumu. To var ievietot pirms vai pēc iegulšanas koda. Šis skripts paslēpj reklāmjoslu „Rezervējiet tagad”, tiklīdz rezervācija ir apstiprināta:

<script>
  window.addEventListener('taptime:booking', function (event) {
    if (event.detail.confirmed) {
      document.getElementById('book-banner').hidden = true;
    }
  });
</script>

confirmed ir true, ja rezervācija tiek apstiprināta uzreiz, un false, ja tas ir pieprasījums, kas Jūsu komandai vēl jāpieņem. value kopā ar currency ir pakalpojuma cena pierakstam vai rezervācijas vērtība, ko iestatījāt konversiju izsekošanai, galdiņam — un null, ja nav ne vienas, ne otras.

Ekrāni un atbildes

taptime:step norāda ekrānu laukā detail.step. Kurus ekrānus viesis redz, atkarīgs no tā, ko viņš rezervē, un no Jūsu iestatījumiem:

• location — viesis izvēlas vienu no Jūsu filiālēm. Tikai tad, ja Jums ir vairākas un logrīks nav piesaistīts vienai.
• party — cik viesu. Tikai galdiņiem.
• service un specialist — ko rezervēt un pie kā. Tikai pierakstiem.
• when — diena un laiks.
• seating, zone un table — iekštelpās vai ārā, zāles zona, konkrēts galdiņš. Tikai galdiņiem un tikai tās izvēles, ko esat ieslēguši.
• details — viesa vārds un kontaktinformācija.
• done — apstiprinājuma ekrāns pēc rezervācijas veikšanas.

step_index un step_count ir skaitļi, ko viesis redz formas augšdaļā, piemēram, „2 no 5”. Filiāļu saraksts un apstiprinājuma ekrāns nav numurēti, tāpēc tur abi ir null. Tā kā ekrānu skaits ir atkarīgs no Jūsu iestatījumiem, pārbaudiet soļa nosaukumu, nevis numuru.

taptime:choice norāda atbildi laukā detail.field: branchId, partySize, date, time, seating, zoneId, tableId, serviceId vai specialistId. detail.value ir izvēlētā vērtība — skaitlis, identifikators, datums formā 2026-09-18 vai laiks formā 2026-09-18 19:30 —, un detail.label ir tas, ko viesis izlasīja uz pogas, piemēram, pakalpojuma vai filiāles nosaukums. Izvēle „jebkurš” nosūta vērtību null.

Sūtiet visus notikumus uz Google Tag Manager

Viens uztvērējs notikumam taptime:event uztver tos visus. Zemāk esošais skripts katru no tiem nosūta uz dataLayer kā taptime_open, taptime_step, taptime_choice un tā tālāk, kopā ar detail laukiem. Ielīmējiet to Custom HTML tagā, kas tiek izsaukts visās lapās, vai tieši savā vietnē. Pēc tam veidojiet trigerus, mainīgos un piltuvi Tag Manager, vairs neaizskarot vietni.

<script>
  window.dataLayer = window.dataLayer || [];
  window.addEventListener('taptime:event', function (event) {
    window.dataLayer.push(Object.assign({ event: 'taptime_' + event.detail.event }, event.detail));
  });
</script>

Vairāk piemēru

Sūtiet katru ekrānu uz Google Analytics 4 kā atsevišķu notikumu, lai piltuves izpētē redzētu, kur viesi apstājas. Tam nepieciešams GA4, kas Jūsu lapā instalēts ar gtag.js:

<script>
  window.addEventListener('taptime:step', function (event) {
    if (typeof gtag !== 'function') return;
    gtag('event', 'booking_step', {
      step: event.detail.step,
      step_index: event.detail.step_index,
      booking_type: event.detail.booking_type
    });
  });
</script>

Piedāvājiet citu rezervēšanas veidu, kad viesis aizver paneli, nerezervējot, — šeit, parādot paslēptu bloku „Zvaniet mums”:

<script>
  var booked = false;
  window.addEventListener('taptime:booking', function () {
    booked = true;
  });
  window.addEventListener('taptime:close', function () {
    if (!booked) {
      document.getElementById('call-us').hidden = false;
    }
  });
</script>

Pārbaudiet, vai tas darbojas

1. 1
   Atveriet publicēto vietni

   Daudzi vietņu veidotāji savā redaktorā nepalaiž pielāgotu kodu, tāpēc izmantojiet publicēto vietni.

2. 2
   Atveriet pārlūka konsoli

   Ar peles labo pogu noklikšķiniet uz lapas, izvēlieties „Inspect” (Pārbaudīt) un atveriet cilni „Console”.

3. 3
   Ielīmējiet zemāk esošo rindu un nospiediet Enter

   Tā izdrukā katru logrīka notikumu brīdī, kad tas notiek. Tā darbojas, līdz pārlādējat lapu.

4. 4
   Veiciet testa rezervāciju

   Katrs ekrāns un atbilde parādās konsolē, pēc tam rezervācija. Pēc tam atceliet testa rezervāciju savā tāfelē.

window.addEventListener('taptime:event', function (event) { console.log(event.detail.event, event.detail); });