Як відстежувати кліки на веб-сайті як конверсії

Ви можете відстежувати натискання кнопок або посилань на своєму веб-сайті як конверсії. Наприклад, можна відстежувати, коли люди натискають кнопку "Придбати" або номер телефону на вашому мобільному сайті.

У цій статті описано, як додавати та змінювати тег відстеження конверсій, щоб вимірювати кліки клієнтів на своєму веб-сайті. Щоб відстежувати завантаження сторінок, дотримуйтеся цих вказівок.

Перед початком роботи

Перш ніж додати тег відстеження конверсій на сайт, виконайте наведені нижче дії.

Переконайтеся, що вибраний тип відстеження конверсій вам підходить.
Переконайтеся, що ви можете редагувати свій веб-сайт. Ви або ваш веб-розробник повинні додати тег у код веб-сайту.

Вказівки

Виберіть версію тегу відстеження конверсій, яку ви використовуєте. Фрагменти з тегом для всіх сторінок сайту можна отримати лише в Google Ads. Рекомендуємо користуватися цією новою версією, хоча теги з попередньої версії Google Ads працюватимуть і далі.

Як налаштувати відстеження конверсій за допомогою тегу Google

Спершу створіть дію-конверсію. Дізнайтесь, як налаштувати відстеження конверсій для веб-сайту (для комп’ютерів) або як відстежувати кліки номера телефону на мобільному сайті. Коли ви почнете налаштовувати тег, обов’язково виберіть варіант Клік замість Завантаження сторінки. Фрагмент події виглядатиме так:

<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

Відкрийте HTML-сторінку свого веб-сайту з кнопкою чи посиланням, які потрібно відстежувати. Вставте фрагмент події між тегами head (<head></head>) сторінки відразу після тегу Google.
Додайте атрибут onclick безпосередньо в код кнопки або посилання, які потрібно відстежувати. Цей код залежатиме від того, як відображається посилання або кнопка на вашому сайті: як текстове посилання, як кнопка чи як зображення.

Додайте код у текстове посилання. Цей код показує, як у посилання додати функцію відстеження кліків за допомогою тегу <a>. У коді нижче замініть "http://example.com/your-link" на цільову URL-адресу свого посилання або замість "800-123-4567" укажіть номер телефону на своєму веб-сайті. Також замість слів "Завантажити" або "Телефонуйте" введіть текст свого посилання. Код, який потрібно додати в тег посилання, виділено жовтим.
<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')">Надіслати</button>
або

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Телефонуйте</button>

Додайте код у зображення кнопки. У коді нижче замініть "download_button.gif" на власне зображення кнопки, а також введіть значення ширини (width) і висоти (height). Крім того, укажіть URL-адресу свого посилання замість "http://example.com/your-link" або номер телефону на вашому веб-сайті замість "800-123-4567".
<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')" />

Щоб забезпечити відстеження конверсій, на сторінку з посиланням або кнопкою потрібно додати фрагмент події та відповідний код onclick із наведених вище прикладів. Тоді Google Ads реєструватиме конверсію, лише коли користувач натискатиме вибране посилання чи кнопку.

Важливо

Ваш веб-сайт має викликати функцію gtag_report_conversion, коли хтось натискає посилання, кнопку або зображення кнопки, і передавати посилання на ваш сайт чи номер телефону (наприклад, "http://example.com/your-link", "tel:800-123-4567") як значення параметра.

Перевірка тегу Google

Щоб переконатися, що тег установлено й він правильно відстежує конверсії, або усунути можливу проблему:

перегляньте вказівки для перевірки тегу відстеження конверсій;
завантажте розширення Google Tag Assistant для Google Chrome для вирішення проблем з тегом відстеження конверсій.

Як налаштувати відстеження конверсій за допомогою JavaScript

Виконайте наведені нижче дії, щоб відстежувати конверсії за кліками на веб-сайті для настільних комп'ютерів або мобільних пристроїв.

Після налаштування дії-конверсії тег конверсії матиме такий вигляд:

	<!-- Код Google для сторінки конверсії "Додати в кошик"
	На HTML-сторінку додайте фрагмент із функцією goog_report_conversion,
	яка запускатиметься внаслідок натискання вибраних посилання чи кнопки. -->
	<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;
	}
	// НЕ ЗМІНЮЙТЕ КОД НИЖЧЕ.
	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>

Примітка. Ви можете вимкнути збирання даних для користувачів, які не хочуть бачити персоналізовану рекламу. Дізнайтесь, як вимкнути збирання персональних даних для окремих користувачів.

Відкрийте HTML-сторінку свого веб-сайту з кнопкою чи посиланням, які потрібно відстежувати.
Вставте тег відстеження конверсій між тегами <body> і </body>.
Додайте команду onclick безпосередньо в код кнопки або посилання, які потрібно відстежувати. Цей код залежитиме від того, як відображається посилання або кнопка на вашому сайті: як текстове посилання, як зображення чи як кнопка.
- Додайте код у текстове посилання. У коді нижче замініть "http://example.com/your-link" на URL-адресу свого веб-сайту або посилання на номер телефону, а замість слова "Завантажити" введіть текст свого посилання.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Завантажити</a>
```
  Або:
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Зателефонувати</a>
```
- Додайте код у кнопку. У коді нижче замініть "http://example.com/your-link" на URL-адресу свого веб-сайту або посилання на номер телефону, а замість слова "Завантажити" введіть власний текст для кнопки.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Завантажити</button>
```
  Або:
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Зателефонувати на номер 800-123-4567</button>
```
- Додайте код у зображення. У коді нижче замініть "download_button.gif" на власне зображення кнопки, укажіть її ширину й висоту (параметри кнопки), а також введіть URL-адресу свого посилання замість "http://example.com/your-link".
```
<img src="download_button.gif" alt="Завантажити документ"
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/your-link')"/>        
```
  Або:
```
<img src="my_phone_button.gif" alt="Зателефонувати на номер 800-123-4567"
 width="32" height="32"
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

Щоб функція відстеження працювала, додайте тег відстеження конверсій і відповідний код onclick із наведених вище прикладів. Тоді Google Ads реєструватиме конверсію, лише коли користувач натискатиме вибране посилання чи кнопку.

Перевірка тегу конверсії

Щоб переконатися, що тег установлено й він правильно відстежує конверсії, або усунути можливу проблему:

перегляньте вказівки для перевірки тегу відстеження конверсій;
завантажте розширення Google Tag Assistant для Google Chrome для вирішення проблем з тегом відстеження конверсій.

Статті за темою

Чи корисна ця інформація?

Як можна її покращити?