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

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

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

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

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

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

Инструкции

Выберите свою версию тега отслеживания конверсий. Фрагменты тега для всех страниц сайта можно получить только в новом интерфейсе 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 этой ссылки или номер телефона с вашего сайта, а текст "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>

или

<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/vasha-ssylka на URL вашего сайта или номера телефона, а "Скачать!" – на текст ссылки.
       
      <a onclick="goog_report_conversion ('http://example.com/vasha-ssylka')"
      href="http://example.com/vasha-ssylka">Скачать!</a>
      

      Или:
       
      <a onclick="goog_report_conversion ('tel:8 (495) 123-12-34')"
      href="#">Звоните!</a>
      
    • Чтобы добавить код в кнопку, в приведенном ниже примере замените http://example.com/vasha-ssylka на URL вашего сайта или номера телефона, а "Скачать!" – на текст кнопки.
       
      <button onclick="goog_report_conversion('http://example.com/vasha-ssylka')" href="http://example.com/vasha-ssylka">Скачать!</button>
      

      Или:
       
      <button onclick="goog_report_conversion('tel:8 (495) 123-12-34')">Звоните: 8 (495) 123-12-34</button>
      
    • Чтобы добавить код в изображение, в приведенном ниже примере замените download_button.gif на изображение кнопки, в параметрах width и height укажите ширину и высоту кнопки соответственно, а http://example.com/your-link замените на URL ссылки.
       
      <img src="knopka_skachat.gif" alt="Скачать руководство"
              width="32" height="32"
              onClick="goog_report_conversion
              ('http://example.com/vasha-ssylka')"/>        

      Или:
       
      <img src="moya_knopka_vyzova.gif" alt="Звоните: 8 (495) 123-12-34"
       width="32" height="32"
       onClick="goog_report_conversion('tel:8 (495) 123-12-34')"/>
      

Чтобы отслеживание конверсий работало, нужно добавить в код страницы и тег отслеживания, и один из приведенных выше вариантов кода onclick для отслеживаемого объекта. Google Реклама будет регистрировать конверсии в случае, если пользователь нажмет на объект, в который добавлен код.

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

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

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