Przejdź do głównej zawartości

Przycisk wydawania numeru Callme

Valeriia Zaptalova avatar
Napisane przez Valeriia Zaptalova
Zaktualizowano ponad 2 tygodnie temu

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>
Czy to odpowiedziało na twoje pytanie?