Cómo realizar un seguimiento de los clics en su sitio web como conversiones

Puede usar el seguimiento de conversiones para realizar un seguimiento cuando un usuario hace clic en un botón o vínculo en su sitio web. Por ejemplo, puede realizar un seguimiento cuando un usuario hace clic en el botón "Comprar ahora" o en un número de teléfono en su sitio web móvil.

En este artículo, se explica cómo agregar y editar una etiqueta del seguimiento de conversiones para realizar un seguimiento de los clics de los clientes en su sitio web. Si, en su lugar, desea realizar el seguimiento de una conversión en una carga de página, siga estas instrucciones.

Antes de comenzar

Antes de agregar una etiqueta del seguimiento de conversiones a su sitio web, deberá hacer lo siguiente:

Asegúrese de que este tipo de seguimiento de conversiones sea adecuado para su empresa.
Cuente con la capacidad necesaria para editar su sitio web. Usted o su desarrollador web deben ser capaces de agregar la etiqueta al código de su sitio web.

Instrucciones

Elija la versión de la etiqueta del seguimiento de conversiones que utiliza. Los fragmentos de la etiqueta para sitio completo solo se pueden obtener de Google Ads. Le recomendamos que migre a esta versión nueva. Las etiquetas de la versión anterior de Google Ads seguirán funcionando.

Cómo configurar el seguimiento de conversiones con la etiqueta de Google

Crea una acción de conversión para hacer un seguimiento de los clics en tu sitio web.
- En sitios para computadoras, configura el seguimiento de conversiones para tu sitio web.
- En sitios para dispositivos móviles, haz un seguimiento de los clics en un número de teléfono en un sitio web para dispositivos móviles.

Cuando configures la etiqueta, elige la opción Clic en lugar de Carga de página. El fragmento de evento se verá de la siguiente manera:

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

En su sitio web, abra el código HTML de la página con el botón o vínculo del que desea realizar un seguimiento. Inserte el fragmento de evento entre las etiquetas head (<head></head>) de su página, justo después de la etiqueta de Google.
Ahora, debe agregar un atributo onclick directamente en el código para el botón o vínculo del que desea realizar un seguimiento. El código específico que utilice dependerá de cómo aparece el vínculo o botón en su sitio, ya sea como un vínculo de texto, un botón o una imagen de botón.

Cómo agregar el código a un vínculo de texto: Este código te muestra cómo agregar la funcionalidad de seguimiento de clics a un vínculo usando la etiqueta <a>. En el código que aparece a continuación, reemplace "http://example.com/your-link" por la URL de destino del vínculo o "800-123-4567" por el número de teléfono de su sitio web y reemplace "Descargar ahora" o "Llamar ahora" por el texto del vínculo. El código que se debe agregar a la etiqueta del vínculo está resaltado en amarillo.
<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')">Enviar</button>
o

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Llamar ahora</button>

Cómo agregar el código a una imagen de botón: En el código que aparece a continuación, reemplaza “download_button.gif” por tu imagen de botón, reemplaza los parámetros de ancho y altura por los parámetros de tu botón y reemplaza “http://example.com/your-link” por la URL de tu vínculo, o bien “800-123-4567” por el número de teléfono que aparece en tu sitio web.
<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')" />

Para que el seguimiento de conversiones funcione, debe agregar tanto el fragmento de evento como el código onclick adecuado de uno de los ejemplos anteriores en la página en la que se encuentra el vínculo o el botón. Esto le indica a Google Ads que debe registrar una conversión solo cuando un cliente hace clic en el vínculo o el botón.

Importante

Su sitio web debe llamar a la función gtag_report_conversion cuando una persona haga clic en el vínculo, el botón o la imagen del botón y enviar el vínculo de su sitio web o teléfono (por ejemplo: ‘http://example.com/your-link’, ‘tel:800-123-4567’) como el valor del parámetro.

Cómo verificar su etiqueta de Google

Si desea asegurarse de que su etiqueta del seguimiento de conversiones esté bien instalada y realice el seguimiento de conversiones correctamente, o bien si cree que puede haber un problema con la etiqueta, haga lo siguiente:

Consulte las instrucciones para revisar su etiqueta del seguimiento de conversiones.
Descargue Google Tag Assistant para Google Chrome a fin de solucionar los problemas relacionados con su etiqueta del seguimiento de conversiones.

Cómo configurar el seguimiento de conversiones con JavaScript

Siga estos pasos para realizar un seguimiento de las conversiones en función de los clics en su sitio web o sitio web móvil.

Una vez que haya configurado su acción de conversión, su etiqueta de conversión debería verse de la siguiente manera:

	<!-- Código de Google para la página de conversión Agregar al carrito
	En su página html, agregue el fragmento y llame a  goog_report_conversion
	cuando alguien haga clic en el vínculo o botón seleccionado. -->
	<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="//googleadservices.com/pagead/conversion_async.js">
	</script>

Nota: Puede inhabilitar la recopilación de sus datos para los usuarios que no desean ver anuncios personalizados. Obtén información para inhabilitar la recopilación de datos personalizados para determinados usuarios

En su sitio web, abra el código HTML de la página con el botón o vínculo del que desea realizar un seguimiento.
Pegue la etiqueta del seguimiento de conversiones entre las etiquetas body (<body></body>) de la página.
Ahora, debe agregar un comando onclick directamente al código para el botón o vínculo del que desea realizar un seguimiento. El código específico que utilice dependerá de cómo aparece el vínculo o botón en su sitio, ya sea como un vínculo de texto, una imagen o un botón:
- Cómo agregar el código a un vínculo de texto: En el siguiente código, reemplace "http://example.com/your-link" por la URL del vínculo de su teléfono o sitio web y reemplace "Descargar ahora" por el texto de su vínculo.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Descargar ahora</a>
```
  O:
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Llamar ahora</a>
```
- Cómo agregar el código a un botón: En el siguiente código, reemplace "http://example.com/your-link" por la URL del vínculo de su teléfono o sitio web y reemplace "Descargar ahora" por el texto de su botón.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Descargar ahora</button>
```
  O:
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Llamar al 800-123-4567</button>
```
- Cómo agregar el código a una imagen: En el código que aparece a continuación, reemplace "download_button.gif" por su imagen de botón, reemplace los parámetros de ancho y altura por los parámetros de su botón y reemplace "http://example.com/your-link" por la URL de su vínculo.
```
<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/your-link')"/>        
```
  O:
```
<img src="my_phone_button.gif" alt="Call: 800-123-4567"
 width="32" height="32"
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

Para que el seguimiento funcione, debe incluir la etiqueta del seguimiento de conversiones y el código onclick adecuado de uno de los ejemplos anteriores. Esto le indica a Google Ads que debe registrar una conversión solo cuando el cliente hace clic en el vínculo o botón seleccionado.

Cómo revisar su etiqueta de conversión

Consulte las instrucciones para revisar su etiqueta del seguimiento de conversiones.
Descargue Google Tag Assistant para Google Chrome a fin de solucionar los problemas relacionados con su etiqueta del seguimiento de conversiones.

Vínculos relacionados

¿Te resultó útil esto?

¿Cómo podemos mejorarla?