Śledzenie kliknięć w witrynie jako konwersji

Jeśli chcesz śledzić kliknięcie przycisku lub linku w Twojej witrynie, użyj śledzenia konwersji. Możesz na przykład śledzić kliknięcie przycisku „Kup teraz” lub numeru telefonu w swojej witrynie mobilnej.

Z tego artykułu dowiesz się, jak umieścić w witrynie tag śledzenia konwersji i edytować go, aby śledzić kliknięcia klientów. Aby zamiast tego śledzić konwersje podczas wczytywania strony, wykonaj te instrukcje.

Zanim zaczniesz

Zanim umieścisz w witrynie tag śledzenia konwersji, musisz wykonać następujące kroki:

Sprawdź, czy ten rodzaj śledzenia konwersji jest dla Ciebie odpowiedni.
Upewnij się, że możesz edytować swoją witrynę. Musisz mieć możliwość dodania tagu do witryny (samodzielnie lub z pomocą programisty).

Instrukcje

Wybierz wersję używanego tagu śledzenia konwersji. Kod tagu dla całej witryny możesz uzyskać tylko z Google Ads. Zalecamy przejście na nową wersję usługi. Tagi z poprzedniej wersji Google Ads będą nadal działać.

Konfigurowanie śledzenia konwersji za pomocą tagu Google

Najpierw utwórz działanie powodujące konwersję (w przypadku śledzenia kliknięć w witrynie na komputery więcej informacji znajdziesz w artykule Konfiguracja śledzenia konwersji w witrynie, a w przypadku śledzenia kliknięć w witrynie mobilnej – w artykule Śledzenie kliknięć numeru telefonu w witrynie mobilnej). Gdy dojdziesz do części poświęconej konfigurowaniu tagu, pamiętaj, aby zamiast opcji Wczytanie strony wybrać Kliknięcie. Fragment kodu zdarzenia będzie wyglądać następująco:

<script>
function gtag_report_conversion(url) {
     var callback = function () {
     if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'TAG_ID/CONVERSION_LABEL',
      'value': 1.0,
      'currency': 'USD',
     'event_callback': callback
  });
return false;
}
</script>
Note: You may disable the collection of remarketing data for users who do not wish to view personalized ads. Learn how to disable the collection of personalized data for specific users

W swojej witrynie otwórz kod HTML strony z przyciskiem lub linkiem, który chcesz śledzić. Wstaw fragment kodu zdarzenia między tagami head (<head></head>), zaraz za tagiem Google.
Dodaj atrybut „onclick” bezpośrednio w kodzie przycisku lub linku, który chcesz śledzić. Konkretny kod, którego użyjesz, zależy od tego, jak link lub przycisk wyświetla się w Twojej witrynie: jako link tekstowy, przycisk lub obraz przycisku.

Dodaj kod w linku tekstowym: ten kod pokazuje, jak dodać funkcję śledzenia kliknięć do linku za pomocą tagu <a>. W poniższym kodzie zastąp „http://example.com/your-link” docelowym adresem URL linku lub ciąg „800-123-4567” numerem telefonu występującym w Twojej witrynie, a ciąg „Pobierz teraz!” lub „Zadzwoń teraz!” –tekstem linku. Kod, który powinien zostać dodany do tagu linku, został wyróżniony na żółto.
<a onclick="return gtag_report_conversion('http://example.com/your-link');"
href="http://example.com/your-link">Download now!</a>
or

<a onclick="return gtag_report_conversion('tel:800-123-4567');" href="tel:800-123-4567">Call now!</a>

Add the code to a button: This code shows you how to add click tracking functionality to a button using the <button> tag. In the code below, replace “http://example.com/your-link” with the destination URL of your link or “800-123-4567” with the phone number on your website.
<button onclick="return gtag_report_conversion('http://example.com/your-link')">Prześlij</button>
lub

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Zadzwoń teraz!</button>

Dodaj kod do obrazu przycisku: w poniższym kodzie zastąp „download_button.gif” obrazem przycisku, szerokość i wysokość – parametrami przycisku, a ciąg „http://example.com/your-link” – adresem URL Twojego linku lub ciąg „800-123-4567” – numerem telefonu występującym w Twojej witrynie.
<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onclick="return gtag_report_conversion('http://example.com/your-link')" />
or

<img src="call_button.gif" alt="Call now!" width="32" height="32" onclick="return gtag_report_conversion('tel:800-123-4567')" />

Aby działało śledzenie konwersji, musisz dodać zarówno fragment kodu zdarzenia, jak i odpowiedni kod „onclick” z jednego z powyższych przykładów do strony, która zawiera ten link lub przycisk. Sprawi to, że Google Ads będzie rejestrować konwersje tylko wtedy, gdy klient kliknie ten link lub przycisk.

Uwaga

Twoja witryna musi wywoływać funkcję „gtag_report_conversion”, gdy ktoś klika link, przycisk lub obraz przycisku, i przekazywać jako wartość parametru adres URL Twojego linku do strony lub numeru telefonu (np. „http://example.com/your-link” lub „tel:800-123-4567”).

Sprawdzanie tagu Google

Jeśli chcesz sprawdzić, czy tag konwersji jest poprawnie zainstalowany i prawidłowo śledzi konwersje, lub masz problemy z tagiem:

Przeczytaj instrukcje dotyczące sprawdzania tagu śledzenia konwersji.
Pobierz rozszerzenie Google Tag Assistant do Google Chrome, by rozwiązać problemy z tagiem śledzenia konwersji.

Konfigurowanie śledzenia konwersji poprzez JavaScript

Wykonaj te czynności, aby śledzić konwersje na podstawie kliknięć w swojej witrynie na komputer lub komórkę.

Po skonfigurowaniu działania powodującego konwersję tag konwersji powinien wyglądać mniej więcej tak:

	<!-- Kod Google dla strony konwersji Dodaj do koszyka
 Na stronie HTML umieść fragment kodu z poleceniem goog_report_conversion
 wywoływanym, gdy ktoś kliknie wybrany link lub przycisk. -->
	<script type="text/javascript">
	 /* <![CDATA[ */
	goog_snippet_vars = function() {
	  var w = window;
      w.google_conversion_id = 12345678;
	  w.google_conversion_label = "abcDeFGHIJklmN0PQ";
	  w.google_conversion_value = 13.00;
	  w.google_conversion_currency = "USD";
	  w.google_remarketing_only = false;
	}
	// DO NOT CHANGE THE CODE BELOW.
	goog_report_conversion = function(url) {
	  goog_snippet_vars();
	  window.google_conversion_format = "3";
	  var opt = new Object();
	  opt.onload_callback = function() {
	  if (typeof(url) != 'undefined') {
	    window.location = url;
	  }
	}
	var conv_handler = window['google_trackConversion'];
	if (typeof(conv_handler) == 'function') {
	  conv_handler(opt);
	  }
        }
	/* ]]> */
	</script>
	<script type="text/javascript"
	src="//www.googleadservices.com/pagead/conversion_async.js">
	</script>

Uwaga: możesz wyłączyć zbieranie danych użytkowników, którzy nie chcą oglądać reklam spersonalizowanych. Dowiedz się, jak wyłączyć zbieranie spersonalizowanych danych od wybranych użytkowników.

W swojej witrynie otwórz kod HTML strony z przyciskiem lub linkiem, który chcesz śledzić.
Wklej tag śledzenia konwersji pomiędzy tagami (<body></body>).
Teraz dodaj polecenie „onclick” bezpośrednio w kodzie dla przycisku lub linku, który chcesz śledzić. Wymagany kod zależy od tego, jak link lub przycisk wyświetla się na Twojej stronie: jako link tekstowy, obraz czy przycisk:
- Dodaj kod w linku tekstowym: w poniższym kodzie zastąp „http://example.com/your-link” adresem URL linku do Twojej witryny lub numeru telefonu, a ciąg „Pobierz teraz!” – tekstem linku.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Pobierz teraz!</a>
```
  Lub:
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Zadzwoń teraz!</a>
```
- Dodaj kod do przycisku: w poniższym kodzie zastąp „http://example.com/your-link” adresem URL linku do Twojej witryny lub numeru telefonu, a ciąg „Pobierz teraz!” – tekstem przycisku.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Pobierz teraz!</button>
```
  Lub:
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Zadzwoń: 800-123-4567</button>
```
- Dodaj kod do obrazu: w poniższym kodzie zastąp „download_button.gif” obrazem przycisku, szerokość i wysokość – parametrami przycisku, a URL „http://example.com/your-link” – adresem URL Twojego linku.
```
<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/your-link')"/>        
```
  Lub:
```
<img src="my_phone_button.gif" alt="Zadzwoń: 800–123–4567"
 width="32" height="32" 
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

Aby śledzenie działało, musisz wstawić zarówno tag śledzenia konwersji, jak i odpowiedni kod onclick z jednego z powyższych przykładów. Sprawi to, że Google Ads będzie rejestrować konwersje tylko wtedy, gdy klient kliknie określony link lub przycisk.

Sprawdzanie tagu konwersji

Jeśli chcesz sprawdzić, czy tag konwersji jest poprawnie zainstalowany i prawidłowo śledzi konwersje, lub masz problemy z tagiem:

Przeczytaj instrukcje dotyczące sprawdzania tagu śledzenia konwersji.
Pobierz rozszerzenie Google Tag Assistant do Google Chrome, by rozwiązać problemy z tagiem śledzenia konwersji.

Powiązane artykuły

Czy to było pomocne?

Jak możemy ją poprawić?