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

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

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

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

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

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

Инструкции

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

Как настроить отслеживание конверсий с помощью глобального тега

  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 внутрь кода кнопки или ссылки. Сам код для вставки атрибута 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>
 

Код для кнопки. В следующем примере показано, как реализовать отслеживание кликов для кнопки с тегом <button>.Замените текст "http://example.com/your-link" на целевой URL вашей ссылки, а фрагмент "800-123-4567" – на номер телефона с вашего сайта.

<button onclick="return gtag_report_conversion(‘http://example.com/your-link')">Submit</button>

or

<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’.

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

Если вы хотите убедиться, что тег добавлен правильно, или вам нужно устранить проблему с отслеживанием, следуйте этим инструкциям.

Как настроить отслеживание конверсий с помощью 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;
    	}
    	// DO NOT CHANGE THE CODE BELOW.
    	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 вашего сайта или номера телефона, а "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 Реклама будет регистрировать конверсии в случае, если пользователь нажмет на объект, в который добавлен код.

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

Если вы хотите убедиться, что тег добавлен правильно и отслеживание работает, или вам нужно устранить проблему, следуйте этим инструкциям.

 
Эта информация оказалась полезной?
Как можно улучшить эту статью?

Требуется помощь?

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