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

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

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

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

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

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

Инструкции

Выберите свою версию тега отслеживания конверсий. Тег, добавляемый на все страницы сайта, можно получить только в новом интерфейсе 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 more About the Google tag.

Откройте HTML-код веб-страницы, где находится кнопка или ссылка, клики по которой нужно отслеживать. Вставьте тег события между тегами <head> </head> кода страниц, сразу после тега Google.
Добавьте в код кнопки или ссылки атрибут onclick. Сам код для вставки атрибута onclick будет отличаться в зависимости от типа объекта (ссылка, кнопка или изображение).

Код для текстовой ссылки. Ниже приведен пример кода для отслеживания кликов по текстовой ссылке с помощью тега <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">Скачать</a>
```
  Или
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Позвонить</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">Скачать</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="Скачать документацию"
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 Реклама будет регистрировать конверсию только в том случае, когда пользователь нажимает на объект.

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

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

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

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

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