Dzięki śledzeniu konwersji telefonicznych możesz zobaczyć, jak skutecznie Twoje reklamy zachęcają użytkowników do nawiązania połączenia telefonicznego z witryny. Gdy ktoś odwiedzi Twoją witrynę po kliknięciu jednej z Twoich reklam, śledzenie konwersji telefonicznych pomoże Ci zidentyfikować i zarejestrować połączenia z witryny.
Ten rodzaj śledzenia konwersji rejestruje połączenie jako konwersję, gdy trwa ono dłużej niż określony przez Ciebie czas. Dzięki temu możesz odfiltrowywać krótsze połączenia, które prawdopodobnie nie prowadzą do sprzedaży ani innych działań cennych dla Twojej firmy.
Możesz użyć generowanych dynamicznie numerów Google do przekazywania połączeń, które bez żadnych kosztów zastępują w witrynie numer do Twojej firmy. Pozwoli Ci to sprawdzać, które słowa kluczowe, reklamy, grupy reklam i kampanie generują konwersje telefoniczne.
Zanim zaczniesz
Jeśli używasz innego systemu do śledzenia połączeń prowadzących do sprzedaży lub innych konwersji, lepszym pomysłem będzie importowanie działania powodującego konwersję telefoniczną. Możesz też przeczytać artykuł o śledzeniu konwersji telefonicznych, aby poznać wszystkie działania powodujące konwersję telefoniczną.
Aby skonfigurować śledzenie konwersji dla połączeń z witryny, musisz mieć:
- konto Google Ads;
- firmę w odpowiednim kraju: numery Google do przekazywania połączeń są obecnie dostępne w tych krajach;
- witrynę, w której umieścisz kod śledzenia konwersji (czyli „tag”);
- możliwość edycji witryny, by dodać do witryny tag śledzenia konwersji oraz fragment kodu JavaScript, który spowoduje zastąpienie numeru do firmy numerem Google do przekazywania połączeń (możesz to zrobić Ty lub Twój deweloper).
Instrukcje
Konfiguracja śledzenia konwersji polegających na połączeniach z numeru Google do przekazywania połączeń w witrynie składa się z 2 etapów:
Po skonfigurowaniu tagu Google musisz dodać fragment kodu z numerem telefonu. Fragment kodu z numerem telefonu służy do zastępowania numeru telefonu w Twojej witrynie numerem Google do przekazywania połączeń. Zainstaluj ten fragment kodu na stronach, na których pojawia się numer telefonu.
- Obok pozycji „Fragment kodu z numerem telefonu” kliknij Pobierz fragment kodu. Fragment kodu z numerem telefonu możesz wpisać ręcznie na stronie. Fragment kodu z numerem telefonu zastępuje numer telefonu w Twojej witrynie numerem Google do przekazywania połączeń. Dzięki temu możesz zobaczyć, jak skutecznie Twoje reklamy zachęcają użytkowników do nawiązania połączenia telefonicznego z Twojej witryny. Fragment kodu zostanie automatycznie uzupełniony podanym przez Ciebie numerem wyświetlanym.
- Wybierz sposób instalacji tagu. Możesz użyć jednej z tych metod:
- Zainstaluj tag samodzielnie. Jeśli zaznaczysz tę opcję, po zainstalowaniu tagu musisz samodzielnie zmienić kod witryny, wykonując poniższe instrukcje. Ta opcja jest bardziej zaawansowana i zalecana tylko w przypadku użytkowników posługujących się językiem JavaScript. Użyj tej opcji, jeśli chcesz śledzić połączenia z wieloma numerami telefonu w witrynie. Uwaga: za pomocą domyślnego tagu JavaScript można śledzić tylko 1 numer na każdej stronie.
- Wyślij tag e-mailem.
- Użyj Menedżera tagów Google.
- Jeśli wybierzesz opcję Wyślij tag e-mailem, obok pola „Adres e-mail” wpisz adres e-mail programisty stron internetowych.
- Kliknij Wyślij i kontynuuj.
- Kliknij Utwórz i kontynuuj.
- Przykładowy kod HTML przed dodaniem kodu śledzenia konwersji (to tylko przykład, nie należy go umieszczać w witrynie):
<html>
<head>
<title>Przykładowy plik HTML</title>
</head>
<body>
To jest treść Twojej strony internetowej.
</body>
</html> -
Przykładowy kod HTML po dodaniu kodu śledzenia konwersji (to tylko przykład – nie należy umieszczać go w witrynie):
<html>
<head>
<title>Sample HTML File</title>
<!-- Google tag (gtag.js) - Google Ads: TAG_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');</script><script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555'
});
</script></head>
<body>
To jest treść Twojej strony internetowej.
</body>
</html>
Śledzenie połączeń z numerem telefonu w witrynie z wykorzystaniem Menedżera tagów Google
Połączenia z numerem telefonu w witrynie możesz śledzić w usłudze Menedżer tagów Google zgodnie z tymi wytycznymi:
Konfigurowanie tagu w usłudze Menedżer tagów Google
- Zaloguj się w usłudze Menedżer tagów Google.
- Wybierz dowolny obszar roboczy.
- Kliknij Tagi.
- Aby utworzyć nowy tag, kliknij Nowy.
- Kliknij Konfiguracja tagu. Przewiń w dół i kliknij Google Ads – połączenia związane z konwersjami w witrynie.
- Podaj numer telefonu wyświetlany w Twojej witrynie.
Uwaga: wpisany numer telefonu musi być dokładnie taki sam jak numer w Twojej witrynie.
- Podaj identyfikator i etykietę konwersji z konta Google Ads.
- Podaj lub utwórz regułę, która zadziała, gdy użytkownik kliknie Twoją reklamę w wyszukiwarce, a potem zadzwoni pod numer do przekazywania połączeń wyświetlony w Twojej witrynie.
- Uwaga: gdy użytkownik kliknie reklamę i odwiedzi Twoją stronę, numer Google do przekazywania połączeń podany w kroku 6 zostanie aktywowany bez podejmowania przez niego żadnych dodatkowych działań.
- Zapisz tag i opublikuj zmiany.
Uwaga: standardowy tag konwersji telefonicznych w witrynie Menedżera tagów Google nie jest zgodny z międzynarodowymi formatami liczb. Może to spowodować wyświetlanie numerów Google do przekazywania połączeń ze znakami plusa (+), które są niepotrzebne. Aby zapobiec wyświetlaniu nieprawidłowych znaków plusa w tagu konwersji telefonicznych w witrynie w Menedżerze tagów Google, użyj formatu krajowego numeru bez znaku plusa.
Ręczne edytowanie kodu witryny umożliwiające wyświetlanie numeru Google do przekazywania połączeń
Jeśli w trakcie wykonywania powyższych czynności podany został numer telefonu w witrynie, możesz pominąć poniższe kroki. W przypadku zaznaczenia opcji „Nie wpisuj numeru telefonu” Ty lub programista stron internetowych musicie zapoznać się z przykładami poniżej, aby dowiedzieć się, jakie działania podjąć dalej.
Przykłady
- Otwórz kod HTML strony, do której został dodany fragment kodu z numerem telefonu, lub strony, na której podany jest numer telefonu. Fragment kodu z numerem telefonu będzie wyglądać podobnie jak w podanym niżej przykładzie, w którym
“TAG_ID”to Twój identyfikator tagu, a“CONVERSION_LABEL”to Twoja etykieta konwersji:<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': 'REPLACE WITH VALUE'
});
</script> - W przypadku parametru phone_conversion_number zastąp ciąg „REPLACE WITH VALUE” numerem telefonu swojej firmy. Sprawdź, czy wpisany tu numer jest identyczny z numerem podanym na stronie, np. zawiera odpowiedni kod kraju.
- (Opcjonalnie) Dodaj do fragmentu kodu z numerem telefonu podane niżej parametry opcjonalne. Skorzystaj z tych wytycznych, by wpisać wartości tych parametrów:
- phone_conversion_callback: wpisz ustawienia funkcji wywołania zwrotnego. Jej włączanie wymaga podania 2 argumentów. Pierwszym z nich jest sformatowany numer telefonu (w takim samym formacie jak parametr phone_conversion_number). Drugim jest niesformatowany numer telefonu (np.: '18001234567').
- phone_conversion_css_class: wpisz nazwę klasy CSS. Zawartość wszystkich elementów tej klasy zostanie zastąpiona sformatowanym numerem telefonu.
- phone_conversion_options: możesz wpisać jedną z tych wartości:
- timeout: maksymalny dozwolony czas (w milisekundach) na pozyskanie numeru. Jeśli nie uda się pozyskać numeru w tym czasie, do parametru „target” nie zostanie wysłany żaden numer. Domyślna wartość to 5000 milisekund.
- cache: wpisz wartość false, by wyłączyć zapisywanie pobranego numeru w pliku cookie. Aby nie wyłączać zapisywania, wpisz wartość true.
Przykład fragmentu kodu z numerem telefonu z opcjonalnymi parametrami
<script>
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-650-555-5555',
'phone_conversion_callback': function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as the
// number passed to 'phone_conversion_number'.
// (in this case, '1-650-555-5555')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+16505555555')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
},
'phone_conversion_options': {
'timeout': 20,
'cache': false
}
});
</script> - Zapisz zmiany na stronie internetowej.
Poniższe przykłady pokazują, jak wstawić fragment kodu w trzech różnych przypadkach.
Przykład 1: zastąpienie statycznego numeru telefonu numerem Google do przekazywania połączeń
Ta funkcja znajduje numer telefonu i zastępuje zawartość wszystkich elementów „span” danej klasy. W tym przykładzie numer „1-800-123-4567” w tagu „span” zostanie zastąpiony dynamicznie wygenerowanym, sformatowanym numerem do przekazywania połączeń:
- Dodaj parametr phone_conversion_css_class z wartością „number” do fragmentu kodu z numerem telefonu. Ten wiersz jest zaznaczony w podanym niżej przykładzie:
<script type="text/javascript">
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_css_class':'number'
});
</script> - W kodzie HTML strony, na której znajduje się Twój numer telefonu, dodaj klasę z parametru phone_conversion_css_class (zaznaczonego w podanym niżej przykładzie) do tagu „span” zawierającego Twój numer telefonu.
<body>
<span class="number">1-800-123-4567</span>
</body>
Przykład 2. Przesłanie numeru Google do przekazywania połączeń do niestandardowej funkcji wywołania zwrotnego
Ta funkcja pobiera numer telefonu i wysyła go do funkcji wywołania zwrotnego. Przykładowa funkcja wywołania zwrotnego zastąpi zawartość elementu o identyfikatorze „number” sformatowanym numerem do przekazywania połączeń.
- Zmień swój fragment kodu z numerem telefonu, aby odpowiadał poniższemu przykładowemu kodowi. Zastąp ciąg „1-800-123-4567” numerem telefonu, który wyświetla się w Twojej witrynie. Pamiętaj też, aby zastąpić ciąg
„TAG_ID”identyfikatorem tagu unikalnym dla Twojego konta Google Ads, a ciąg„CONVERSION_LABEL”– etykietą konwersji unikalną dla działania powodującego konwersję.<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display, in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script> - W kodzie HTML strony, na której znajduje się Twój numer telefonu, dodaj parametr „ID” z wartością „number” (zaznaczony w poniższym przykładzie) do tagu „span” zawierającego Twój numer telefonu.
<body>
<span id="number">1-800-123-4567</span>
</body>
Aby użytkownicy wyświetlający Twoją witrynę na komórce mogli łatwo zadzwonić do Twojej firmy, ustaw klikalny numer Google do przekazywania połączeń.
Przykład 3. Przekazanie numeru Google do przekazywania połączeń do niestandardowej funkcji wywołania zwrotnego w witrynie mobilnej
Na mobilnych stronach internetowych z klikalnym numerem telefonu zastąp wyświetlany numer i numer, na który jest wykonywane połączenie po kliknięciu. Wymaga to użycia funkcji wywołania zwrotnego.
- Zmień swój fragment kodu z numerem telefonu, aby odpowiadał poniższemu przykładowemu kodowi. Zastąp ciąg „1-800-123-4567” numerem telefonu, który wyświetla się w Twojej witrynie. Pamiętaj też, by zastąpić ciąg „ID_KONWERSJI” identyfikatorem konwersji unikalnym dla Twojego konta Google Ads, a ciąg „ETYKIETA_KONWERSJI” – etykietą konwersji unikalną dla działania powodującego konwersję.
<script type="text/javascript">
var callback = function(formatted_number, mobile_number) {
// formatted_number: number to display,in the same format as
// 'phone_conversion_number'.
// (in this case, '1-800-123-4567')
// mobile_number: number formatted for use in a clickable link
// with tel:-URI (in this case, '+18001234567')
var e = document.getElementById("number");
e.href = "tel:" + mobile_number;
e.innerHTML = "";
e.appendChild(document.createTextNode(formatted_number));
};
gtag('config', 'TAG_ID/CONVERSION_LABEL', {
'phone_conversion_number': '1-800-123-4567',
'phone_conversion_callback': callback
});
</script> - W kodzie HTML strony, na której znajduje się Twój numer telefonu, dodaj atrybut „ID” z wartością „number” (zaznaczony w podanym niżej przykładzie) do tagu <a> zawierającego Twój numer telefonu.
<body>
<a href="tel:18001234567" id="number">1-800-123-4567</a>
</body>
Sprawdzanie kodu
Zanim to działanie powodujące konwersję zacznie działać w Twoich reklamach, może minąć godzina. Jeśli chcesz sprawdzić, czy wszystko działa, możesz wyszukać reklamę i kliknąć ją, aby odwiedzić swoją witrynę (obciążymy Cię opłatą za takie kliknięcie). Twój standardowy numer powinien być zastąpiony numerem Google do przekazywania połączeń.
Jeśli chcesz przeprowadzić test kilka razy, usuń ze swojej przeglądarki plik cookie „gwcc”, zanim kolejny raz klikniesz reklamę.