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

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

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

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

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

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

Вказівки

Виберіть використовувану версію тегу відстеження конверсій. Фрагменти з тегом для всіх сторінок сайту можна отримати лише в 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" на власне зображення кнопки, укажіть ширину й висоту (параметри кнопки). Крім того, замініть "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="Call: 800-123-4567"
       width="32" height="32" 
       onClick="goog_report_conversion('tel:800-123-4567')"/>
      

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

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

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

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

Потрібна додаткова допомога?

Увійдіть в обліковий запис, щоб отримати додаткову допомогу та швидко вирішити проблему