Registrar los clics en los sitios web como conversiones

Puedes usar el seguimiento de conversiones para registrar los clics que hacen los usuarios en un botón o en un enlace de tu sitio web; Por ejemplo, puedes registrar el momento en que un usuario hace clic en el botón "Comprar ahora" o en un número de teléfono de tu sitio web móvil.

En este artículo se explica cómo añadir y editar una etiqueta de seguimiento de conversiones para hacer un seguimiento de los clics de los clientes en tu sitio web. Si las conversiones de las que quieres hacer el seguimiento son las cargas de páginas, sigue estas instrucciones.

Antes de empezar

Para poder añadir una etiqueta de seguimiento de conversiones al sitio web, tendrás que hacer lo siguiente:

Comprobar que este tipo de seguimiento de conversiones es el adecuado para ti.
Comprobar que puedes editar el sitio web. El usuario o el programador web deberán poder añadir la etiqueta al código del sitio web.

Instrucciones

Elige la versión de la etiqueta de seguimiento de conversiones que estás usando. Solo puedes obtener fragmentos de etiqueta en todo el sitio web de Google Ads, por lo que te recomendamos que migres a esta nueva versión. No obstante, las etiquetas de la versión anterior de Google Ads seguirán funcionando.

Configurar el seguimiento de conversiones usando la etiqueta de Google

Primero, crea una acción de conversión. Consulta más información sobre cómo configurar el seguimiento de conversiones en un sitio web, si quieres hacer un seguimiento de los clics en un sitio web para ordenadores, o cómo hacer un seguimiento de los clics en los números de teléfono recibidos en sitios web móviles, si quieres hacer un seguimiento de los clics en un sitio web móvil. Cuando tengas que configurar la etiqueta, selecciona la opción Clic en lugar de Carga de la página. El fragmento de evento tendrá este aspecto:

<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

En tu sitio web, abre el código HTML de la página que contiene el botón o el enlace del que quieras hacer un seguimiento. Introduce el fragmento de evento entre las etiquetas de encabezado head (<head></head>) de la página, justo después de la etiqueta de Google.
Tendrás que añadir un atributo "onclick" directamente al código del botón o del enlace del que quieras hacer un seguimiento. El código que uses dependerá de cómo se muestre el enlace o el botón en el sitio web (enlace de texto, botón o imagen de botón):

Añadir el código a un enlace de texto: este código muestra cómo implementar la función de seguimiento de clics en un enlace usando la etiqueta <a>. En el código que aparece más abajo, sustituye "http://example.com/tu-enlace" por la URL de destino de tu enlace o el número de teléfono "800-123-4567" por el de tu sitio web, y cambia “Descargar” o "Llamar" por el texto del enlace. El código que se debe añadir a la etiqueta de enlace aparece destacado 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/tu-enlace')">Enviar</button>
o

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

Añadir el código a una imagen de botón: en el código que aparece más abajo, sustituye "boton_descarga.gif" por tu imagen de botón, los parámetros de anchura y altura por los de tu botón, y cambia "http://example.com/tu-enlace" por la URL de tu enlace o el número de teléfono "800-123-4567" por el de 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, debes añadir el fragmento de evento y el código onclick adecuado de uno de los ejemplos anteriores a la página que tiene el enlace o el botón. De este modo se indica a Google Ads que registre una conversión solo cuando un cliente haga clic en el botón o el enlace en cuestión.

Importante

Tu sitio web debe llamar a la función gtag_report_conversion cuando alguien haga clic en el enlace, el botón o la imagen de botón y pasar el enlace de tu sitio web o teléfono (ejemplos: 'http://example.com/tu-enlace', 'tel:800-123-4567') como valor de parámetro.

Comprobar la etiqueta de Google

Si quieres asegurarte de que la etiqueta de seguimiento de conversiones está instalada y hace el seguimiento de las conversiones correctamente, o si crees que hay algún problema con ella, haz lo siguiente:

Consulta las instrucciones para comprobar la etiqueta de seguimiento de conversiones.
Descarga Google Tag Assistant para Google Chrome para solucionar problemas relacionados con tu etiqueta de seguimiento de conversiones.

Configurar el seguimiento de conversiones con JavaScript

Sigue estos pasos si las conversiones de las que quieres hacer el seguimiento son los clics hechos en tu sitio web en ordenadores o móviles.

Cuando hayas configurado la acción de conversión, la etiqueta de conversión debe tener un aspecto similar a este:

	<!-- Google Code para la página de conversión Añadir al carrito
	En la página html, añade el fragmento y llama a goog_report_conversion
	cuando un usuario haga clic en el enlace o botón elegido. -->
	<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;
	}
	// NO CAMBIES EL CÓDIGO QUE APARECE A CONTINUACIÓN.
	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>

Nota: Puedes inhabilitar la recogida de datos de usuarios que no quieran ver anuncios personalizados. Consulta cómo inhabilitar la recogida de datos personalizados de usuarios concretos.

En tu sitio web, abre el código HTML de la página que contiene el botón o el enlace del que quieras hacer un seguimiento.
Pega la etiqueta de seguimiento de conversiones entre las etiquetas "body" (<body></body>) de la página.
Tendrás que añadir un comando "onclick" directamente al código del botón o del enlace del que quieras hacer un seguimiento. El código que uses dependerá de cómo se muestre el enlace o el botón en el sitio web (enlace de texto, imagen o botón):
- Añadir el código a un enlace de texto: en el código que aparece más abajo, sustituye "http://example.com/tu-enlace" por la URL del sitio web o el enlace de un teléfono, y cambia "Descargar" por el texto del enlace.
```
<a onclick="goog_report_conversion ('http://example.com/tu-enlace')"
href="http://example.com/tu-enlace">Descargar</a>
```
  O bien:
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Llamar</a>
```
- Añadir el código a un botón: en el código que aparece más abajo, sustituye "http://example.com/tu-enlace" por la URL del sitio web o el enlace de un teléfono y "Descargar" por el texto de botón.
```
<button onclick="goog_report_conversion('http://example.com/tu-enlace')" href="http://example.com/tu-enlace">Descargar</button>
```
  O bien:
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Llama al 800-123-4567</button>
```
- Añadir el código a una imagen: en el código que aparece más abajo, sustituye "boton_descargar.gif" por la imagen de botón, los parámetros de anchura y altura por los de tu botón y "http://example.com/tu-enlace" por la URL del enlace.
```
<img src="boton_descargar.gif" alt="Descargar informe"
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/tu-enlace')"/>        
```
  O bien:
```
<img src="boton_mi_telefono.gif" alt="Llama al 800-123-4567"
 width="32" height="32"
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

Para que el seguimiento funcione, debes incluir la etiqueta de seguimiento de conversiones y el código onclick adecuado de uno de los ejemplos anteriores. De este modo se indica a Google Ads que registre una conversión solo cuando el cliente haga clic en el botón o enlace elegido.

Comprobar la etiqueta de conversión

Consulta las instrucciones para comprobar la etiqueta de seguimiento de conversiones.
Descarga Google Tag Assistant para Google Chrome para solucionar problemas relacionados con tu etiqueta de seguimiento de conversiones.

Enlaces relacionados

¿Te ha resultado útil esta información?

¿Cómo podemos mejorar esta página?