Как отслеживать клики на сайте в качестве конверсий

Отслеживание конверсий можно настроить так, чтобы учитывались нажатия кнопки или ссылки на вашем сайте. Например, вы можете получать данные о нажатиях кнопки "Купить" или о кликах по номеру телефона на мобильном сайте.

В статье объясняется, как добавлять и изменять тег отслеживания конверсий, чтобы регистрировать клики на сайте. Вы также можете отслеживать загрузки страниц в качестве конверсий.

Перед началом работы

Прежде чем добавить тег отслеживания конверсий на веб-сайт, рекомендуем сделать следующее:

Проверьте, подходит ли вам этот способ отслеживания конверсий.
Убедитесь, что вы сможете изменить код сайта. Вам нужно будет добавить в него тег отслеживания (или попросить об этом веб-разработчика).

Инструкции

Выберите свою версию тега отслеживания конверсий. Тег, добавляемый на все страницы сайта, можно получить только в новом интерфейсе Google Рекламы, поэтому рекомендуем вам перейти на новую версию. Вы можете пользоваться и предыдущей версией тегов Google Рекламы.

Настройте отслеживание конверсий с помощью тега 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> кода страниц, сразу после тега Google.
Добавьте в код кнопки или ссылки атрибут onclick. Сам код для вставки атрибута onclick будет отличаться в зависимости от типа объекта (ссылка, кнопка или изображение).

Код для текстовой ссылки. Ниже приведен пример кода для отслеживания кликов по текстовой ссылке (тексту, заключенному в теги <a> </a>). Замените текст "http://example.com/your-link" на целевой URL вашей ссылки, фрагмент "800-123-4567" – на номер телефона с вашего сайта, а текст "Download now!" и "Call now!" – на текст ссылки. Код, который нужно добавить в тег ссылки, выделен желтым цветом.
<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')">Submit</button>
или

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Call now!</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 Рекламе начнут регистрироваться конверсии при нажатии на выбранный вами объект.

Важно!

Когда пользователь нажимает на ссылку, кнопку или изображение, сайт должен вызывать функцию 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 вашего сайта или номера телефона, а "Download now!" – на текст ссылки.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Download now!</a>
```
  Или
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Call now!</a>
```
- Добавьте код для кнопки. Для этого в приведенном ниже примере замените "http://example.com/your-link" на URL вашего сайта или номера телефона, а "Download now!" – на текст кнопки.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Download now!</button>
```
  Или
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Call 800-123-4567</button>
```
- Код для изображения. В приведенном ниже примере замените download_button.gif на изображение кнопки, в параметрах width и height укажите ширину и высоту кнопки соответственно, а "http://example.com/your-link" замените на URL ссылки.
```
<img src="download_button.gif" alt="Download Whitepaper"
        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 для отслеживаемого объекта. Google Реклама будет регистрировать конверсию только в том случае, когда пользователь нажимает на объект.

Как проверить тег отслеживания конверсий

Ознакомьтесь с инструкциями по проверке тега отслеживания конверсий.
Скачайте инструмент Google Tag Assistant для Google Chrome, который поможет устранить неполадки.

Статьи по теме

Эта информация оказалась полезной?

Как можно улучшить эту статью?