Funkcjonalność przycisku CallMe została stworzona w celu oszczędzania numerów z puli dynamicznej podmiany.
Na przykład: mają Państwo dziesięć numerów do podmiany, a na stronie jednocześnie znajduje się dwunastu użytkowników. Dwóm ostatnim będą musiały zostać wydane numery, które zostały już wcześniej pokazane innym odwiedzającym. W takim przypadku istnieje duże ryzyko uzyskania nieprawidłowych statystyk, ponieważ nie będzie można jednoznacznie określić, który z odwiedzających faktycznie wykonał połączenie.
Oczywiście nie każdy użytkownik zdecyduje się na wykonanie połączenia. Dlatego można nie pokazywać numeru wszystkim, a jedynie tym, którzy są rzeczywiście zainteresowani. Aby to zrobić, wystarczy ukryć numer za przyciskiem „Pokaż numer”. Najbardziej zainteresowani odwiedzający klikną w ten przycisk, a skrypt podmiany pokaże im numer. Oznacza to, że numer zostanie wydany tylko klientowi, który jest gotowy zadzwonić.
Wymagania techniczne
Przycisk działa wyłącznie z dynamicznym calltrackingiem.
W puli musi znajdować się co najmniej 3 numery.
Przycisk implementuje się w kodzie HTML + CSS.
Przycisk musi znajdować się wewnątrz elementu, w którym osadzony jest numer (np. w
<div>
,<span>
itp.).
Jak skonfigurować i włączyć?
1. Funkcjonalność można skonfigurować w koncie Ringostat w sekcji "Call tracking", podsekcja "XPaths".
2. Aby skonfigurować, należy kliknąć "Edytuj" przy już istniejącym XPath i aktywować przycisk dla: wszystkich urządzeń (1) lub tylko dla urządzeń mobilnych (2).
3. Następnie należy wybrać procent numerów rezerwowych z listy rozwijanej:
Można ustawić rezerwę osobno dla każdej puli numerów.
Przykład: pula zawiera 10 numerów, rezerwa to 20%. Jeśli na stronie przebywa jednocześnie 8 użytkowników, dziewiąty zobaczy przycisk „Pokaż numer”. Jeśli go kliknie — zobaczy jeden z numerów rezerwowych.
Logika pól wyboru (checkboxów):
Jeśli oba pola Call me dla wszystkich urządzeń oraz Call me tylko dla urządzeń mobilnych są nieaktywne — przycisk nigdy nie zostanie pokazany.
Jeśli Call me dla wszystkich urządzeń jest nieaktywne, a Call me tylko dla urządzeń mobilnych aktywne — przycisk pojawi się tylko na urządzeniach mobilnych.
Jeśli oba pola są aktywne — przycisk zawsze pojawi się na urządzeniach mobilnych, a na komputerach według ustalonego procentu rezerwy.
Jeśli Call me dla wszystkich urządzeń aktywne, a Call me tylko dla urządzeń mobilnych nieaktywne — przycisk będzie widoczny na wszystkich urządzeniach zgodnie z ustawionym procentem rezerwy.
4. Ostatni krok: w polu "HTML code for buttons Call me" należy wkleić kod swojego przycisku.
Po zakończeniu konfiguracji należy kliknąć "Zapisz", przejść do sekcji "Ustawienia skryptu" i kliknąć "Zastosować ustawienia".
Przykłady przycisków
Wersja desktop 1
Kod przycisku:
<div style="border: 1px solid #39464e;border-radius:5px;background: border-box;font-size:14px;font:inherit;color:inherit;margin-right:15px;cursor: pointer;display:inline-block;padding:5px;">0
<span style="opacity:0.8;margin-left:3px;">(8</span>
<span style="opacity:0.5;">0</span>
<span style="opacity:0.2;">0)</span>
<span style="color: inherit; letter-spacing: 0; text-align: center;"> Pokaż numer </span>
</div>
Wersja desktop 2
Kod przycisku:
<div style="">0
<span style="opacity:0.8;margin-left:3px;">(8</span>
<span style="opacity:0.5;">0</span>
<span style="opacity:0.2;">0)</span>
<span style="color: inherit; letter-spacing: 0; text-align: center;"> Показати номер </span>
</div>
📱 Wersja mobilna 1
Kod przycisku:
<div style="border: 1px solid #39464e;border-radius:5px;background: border-box;font-size:14px;font:inherit;color:inherit;margin-right:15px;cursor: pointer;display:inline-block;padding:5px;">
<span><img width="20px" src='посилання на вашу іконку'></span>
<span style="color: inherit; letter-spacing: 0; text-align: center;font-size:20px;"> Zadzwoń </span>
</div>
📱 Wersja mobilna 2
Kod przycisku:
<button style="border: 1px solid #39464e;border-radius:15px;background:transparent;color:inherit">
<span style="color:inherit">
(067) Zadzwoń
</span>
</button>