W tym wpisie dowiesz się, jak dodać na stronę kod śledzący Lockme (connect.js), aby przekazywać zdarzenia z rezerwacji do narzędzi analitycznych i reklamowych, takich jak Meta Pixel, GA4 lub TikTok Pixel.
Czym są kody śledzące?
Kody śledzące (np. Meta Pixel, Google Analytics 4, TikTok Pixel) to fragmenty skryptów na Twojej stronie, które rejestrują działania użytkowników. Dzięki temu możesz:
- mierzyć skuteczność kampanii reklamowych,
- tworzyć remarketing (np. ktoś otworzył slot rezerwacji, ale nie dokończył),
- uruchamiać kampanie wznawiające (np. po kilku tygodniach lub miesiącach),
- analizować, na którym etapie użytkownicy rezygnują.
Jak to działa?
- Użytkownik wykonuje akcję w widżecie (np. otwiera slot, klika „Rezerwuj”, przechodzi do płatności).
- Widget wysyła informację o zdarzeniu do kodów śledzących dostępnych na stronie (np. Meta Pixel, GA4, TikTok Pixel).
- Zdarzenia możesz potem zobaczyć w swoim narzędziu analitycznym lub reklamowym.
Wymagania
Integracja zadziała, jeśli spełnisz poniższe warunki:
- widget Lockme musi być wdrożony na stronie w najnowszej wersji,
- skrypt Lockme (connect.js), który umożliwia przekazywanie zdarzeń z widgetu, musi być osadzony w sekcji <head> strony,
- na tej samej stronie muszą być zainstalowane kody śledzące (np. Meta Pixel, GA4, TikTok Pixel).
Ważne: skrypt connect.js dodajesz na stronie tylko raz, nawet jeśli masz kilka widgetów.
Rejestrowane zdarzenia
ViewContent
Wysyłane w momencie otwarcia rezerwacji konkretnego slotu. Jako ID przekazywany jest identyfikator slota, a jako nazwa nazwa pokoju wraz ze slotem.
AddToCart
Wysyłane po kliknięciu przycisku „Rezerwuj” na poprawnie wypełnionym formularzu rezerwacji. Przekazywane są informacje o cenie, walucie, ID oraz nazwie pokoju.
InitiateCheckout
Wysyłane w momencie rozpoczęcia procesu płatności. Dla rezerwacji bez płatności zdarzenie nie jest wysyłane. Przekazywane są informacje o cenie, walucie oraz zawartości koszyka.
Purchase
To zdarzenie nie jest wysyłane z poziomu widgetu. Konwersja następuje na stronie thank you page, która znajduje się poza widgetem. Jeśli skrypt jest osadzony również na stronie thank you page, zdarzenie Purchase wyśle się automatycznie na podstawie parametrów z URL (query).
Thank you page
W zależności od tego, jak użytkownik kończy rezerwację w widżecie, może trafić na różne ekrany potwierdzenia:
Płatność online
Po opłaceniu rezerwacji użytkownik przechodzi na stronę potwierdzenia. Domyślnie jest to strona Lockme, ale możemy włączyć przekierowanie na thank you page na Twojej stronie (w tej sprawie skontaktuj się z nami na [email protected]). To jest też istotne, jeśli zależy Ci na zliczaniu zdarzenia „Purchase” w analityce, bo przy przekierowaniu na stronę Lockme to zdarzenie się nie zlicza.
Płatność kartą/gotówką na miejscu
Użytkownik kończy proces bez płatności online. Dalej są dwie ścieżki:
- jeśli włączone jest przekierowanie po kliknięciu w link z e-maila z potwierdzeniem, klient po kliknięciu trafia na thank you page na Twojej stronie,
- jeśli nie, klient po zakończeniu rezerwacji widzi ekran potwierdzenia w ramach widgetu Lockme.
Parametry przesyłane do thank you page:
- roomid
- date
- h (godzina rezerwacji)
- id (ID rezerwacji)
- price
- currency
W przypadku rezerwacji płatnych przekazywane są dodatkowo:
- order (ID zamówienia)
- status (link do strony ze statusem zamówienia)
Jak wdrożyć skrypt w WordPressie?
1. Osadź widget Lockme na stronie
Szczegółową instrukcję osadzenia widgetu znajdziesz w artykule „Podstawy widgetów rezerwacyjnych”.
2. Skopiuj skrypt z panelu Lockme
W panelu Lockme wejdź w zakładkę Firmy, a następnie przejdź do Widgetów i skopiuj skrypt (1). Pamiętaj: dodajesz go na stronie tylko raz, nawet jeśli na stronie masz kilka widgetów.
3. Pobierz wtyczkę do wklejenia skryptu w HEAD
Wybierając wtyczkę, sprawdź:
- liczbę aktywnych instalacji (im więcej, tym większa szansa, że wtyczka jest sprawdzona),
- ocenę i opinie użytkowników,
- datę ostatniej aktualizacji (najlepiej, żeby wtyczka była aktualizowana regularnie),
- zgodność z Twoją wersją WordPressa.
Przykładowe wtyczki:
4. Wklej skrypt do HEAD w WordPressie
Skrypt skopiowany z panelu Lockme dodaj do sekcji HEAD swojej strony. Poniżej znajdziesz instrukcję, jak to zrobić:
- Zainstaluj i aktywuj wybraną wtyczkę w WordPressie.
- Przejdź do ustawień wtyczki (często znajdują się w menu Tools [Narzędzia] lub w osobnej zakładce w panelu).
- Znajdź pole typu Head Code.
- Wklej skrypt skopiowany z panelu Lockme.
- Zapisz zmiany.
Potrzebujesz pomocy?
Napisz na [email protected].