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

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

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

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

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

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

Вказівки

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

Налаштування відстеження конверсій за допомогою глобального тегу сайту

  1. Спершу створіть дію конверсії (налаштуйте відстеження конверсій для веб-сайту, якщо плануєте відстежувати кліки на сайті для настільних комп’ютерів, або налаштуйте відстеження кліків номера телефону), якщо хочете відстежувати кліки на веб-сайті для мобільних пристроїв. Коли почнете налаштовувати тег, обов’язково виберіть варіант Клік замість Завантаження сторінки. Фрагмент події виглядатиме так:
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-CONVERSION_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 remarketing data for specific users
  1. Відкрийте HTML-сторінку свого веб-сайту з кнопкою чи посиланням, які потрібно відстежувати. Вставте фрагмент події між тегами head (<head></head>) сторінки відразу після глобального тегу сайту.
  2. Додайте атрибут 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>
 

Додайте код у кнопку. Цей код показує, як у кнопку додати функцію відстеження кліків за допомогою тегу <button>. У коді нижче замініть http://example.com/your-link на цільову URL-адресу свого посилання або замість 800-123-4567 укажіть номер телефону на своєму веб-сайті.

<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), а також замініть http://example.com/your-link на URL-адресу свого посилання або замість 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) як значення параметра. 

Перевірка тегу відстеження конверсій

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

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

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

  1. Після налаштування дії конверсії тег конверсії виглядатиме так:
    	<!-- Код 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>
    

    Примітка

    Для користувачів, які не хочуть переглядати персоналізовані оголошення, можна вимкнути збирання даних ремаркетингу. Дізнайтеся, як вимкнути збирання даних ремаркетингу для окремих користувачів
  2. Відкрийте HTML-сторінку свого веб-сайту з кнопкою чи посиланням, які потрібно відстежувати.
  3. Вставте тег відстеження конверсій між тегами <body> і </body>.
  4. Додайте команду 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" на власне зображення кнопки, укажіть її ширину й висоту, а також замініть "http://example.com/your-link" на URL-адресу свого посилання.
       
      <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 із наведених вище прикладів. Тоді AdWords реєструватиме конверсію, коли користувач натискатиме вибране посилання чи кнопку.

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

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

 
Чи корисна ця інформація?
Як можна її покращити?