Hacer el seguimiento de las llamadas a un número de teléfono de un sitio web

Utiliza el seguimiento de conversiones de llamada para comprobar la eficacia de los anuncios a la hora de generar llamadas telefónicas desde tu sitio web. El seguimiento de conversiones de llamadas al teléfono de un sitio web te permite identificar y medir las llamadas que se realizan desde el sitio web cuando los usuarios lo visitan después de hacer clic en uno de tus anuncios.

Este tipo de seguimiento de conversiones registra las llamadas como conversiones si su duración supera el mínimo que hayas definido. De esta forma, se pueden excluir las llamadas de las que es probable que no se obtengan ventas ni otras acciones valiosas para la empresa.

Puedes utilizar números de desvío de llamadas de Google generados de forma dinámica que sustituyan al número de tu empresa en el sitio web sin ningún tipo de coste. Así podrás consultar las palabras clave, las campañas, los anuncios y los grupos de anuncios concretos que generan conversiones de llamadas.

Nota: Los informes y la analítica de llamadas ya están disponibles en Google Analytics. Si tienes una cuenta de Google Analytics y habilitas las conversiones de llamada desde sitios web, podrás acceder a los informes de llamadas realizadas a tu sitio web. Las métricas de la analítica de llamadas son una de las opciones de grupos de métricas de los informes de Google Ads.

Antes de empezar

Si utilizas otro sistema para hacer un seguimiento de las llamadas que generan ventas u otro tipo de conversiones, puedes importar esas acciones de conversión de llamada. También puedes consultar información sobre todas las acciones de conversión de llamada en el artículo Acerca del seguimiento de conversiones de llamadas telefónicas.

Las conversiones de llamada desde sitios web solo funcionan si las extensiones de llamada están habilitadas. El número de teléfono que has indicado en la extensión de llamada se usa para hacer un seguimiento de las llamadas desde el sitio web. Consulta cómo usar extensiones de llamada.

Esto es lo que se necesita para configurar el seguimiento de conversiones de llamadas desde un sitio web:

  • Una cuenta de Google Ads.
  • Una extensión de llamada activa: necesitarás al menos una extensión de llamada. Podrás configurarla antes o después de crear la acción de conversión de llamada.
  • Una empresa en un país en el que estén disponibles los números de desvío de llamadas de Google: puedes consultarlos en este enlace.
  • Un sitio web: ahí es donde se coloca el código de seguimiento de conversiones, que se denomina "etiqueta".
  • Capacidad para editar el sitio web: el usuario o el desarrollador web necesitarán poder añadir la etiqueta de seguimiento de conversiones al sitio web, así como un fragmento de JavaScript para sustituir el número de la empresa por un número de desvío de llamadas de Google.

Instrucciones

El proceso de configuración del seguimiento de conversiones de llamadas a un número de desvío de Google que aparece en tu sitio web consta de dos partes:

1. Creación de una acción de conversión

  1. Inicia sesión en tu cuenta de Google Ads.
  2. En la esquina superior derecha, haz clic en el icono de la herramienta Google Ads | tools [Icon] y, en "Medición", haz clic en Conversiones.
  3. Haz clic en el botón con el signo más .
  4. Haz clic en Llamadas telefónicas.
  5. Selecciona Llamadas a un número de teléfono en tu sitio web.
  6. Junto a "Nombre de la conversión", escribe el nombre de la conversión de la que quieras hacer un seguimiento. De este modo, podrás reconocerla en los informes de conversión. Por ejemplo, “Pedidos de flores por teléfono” o “Llamadas para hacer reservas”.
  7. Junto a "Categoría", selecciona la descripción de la acción de conversión en el menú desplegable. Utiliza categorías para segmentar las conversiones en los informes y agrupar todas aquellas que sean similares.
  8. Junto a "Valor", especifica el valor de cada llamada o selecciona No utilizar ningún valor si no quieres tener en cuenta ninguno.
  9. Junto a "Recuento", selecciona cómo quieres que se contabilicen estas conversiones.
    • Una: es la opción recomendada para hacer un seguimiento de oportunidades de venta en aquellos casos en los que contar solo una conversión por clic en un anuncio tiene valor para la empresa (como cuando un usuario rellena un formulario de registro).
    • Todas: es la opción recomendada para hacer un seguimiento de las ventas, cuando todas las conversiones añaden valor a la empresa.
  10. Haz clic en Duración de la llamada. Indica en segundos la duración mínima que deben tener las llamadas telefónicas para que se contabilicen como conversiones.
  11. Haz clic en Ventana de conversión post-clic. Selecciona la ventana de conversión de esta acción de conversión. La ventana puede ser de 1 a 30 días.
  12. (Avanzado) Haz clic en Incluir en Conversiones. Si se habilita esta opción (marcada de forma predeterminada), se incluirán los datos de esa acción de conversión en la columna "Conversiones". Si la desmarcas, los datos solo se incluirán en la columna "Todas las conversiones".
    • Las estrategias de puja automática, como Retorno de la inversión publicitaria objetivo, Coste por clic mejorado o CPA objetivo, usan los datos de la columna "Conversiones". Por lo tanto, si usas una estrategia de puja automática para optimizar las conversiones y no quieres incluir esta acción de conversión concreta en la estrategia de puja, puedes desmarcar esta opción. De lo contrario, déjala marcada. Más información sobre la opción "Incluir en Conversiones"
  13. Haz clic en Crear y continuar.

Verás una pantalla en la que se describen los pasos para terminar de configurar el seguimiento de conversiones.

2. Configuración de la etiqueta de seguimiento de conversiones

Para configurar el seguimiento de conversiones por primera vez, tienes que añadir dos fragmentos de código a tu sitio web: la etiqueta global de sitio web y el fragmento de teléfono.

La etiqueta global de sitio web añade a los visitantes del sitio a tus listas de remarketing "Todos los visitantes" (si has configurado el remarketing) e incluye cookies nuevas en tu dominio, que almacenarán información sobre los clics en anuncios que han conducido a alguien a tu sitio web.

Nota: La etiqueta de seguimiento de conversiones de Google Ads podrá utilizar la información de los clics para atribuir conversiones a las campañas de Google Ads. Asegúrate de proporcionar a los usuarios información clara y completa sobre los datos que recoges y de obtener su consentimiento siempre que lo exija la ley.

La etiqueta global de sitio web debe instalarse en todas las páginas del sitio, pero solo se necesita una por cada cuenta de Google Ads.

El fragmento de teléfono sustituye los números de teléfono de los sitios web por números de desvío de llamadas de Google. Instala este fragmento en las páginas del sitio web en las que se muestra el número de teléfono.

  1. En "Etiqueta global de sitio web", selecciona la opción que mejor describa tu situación y sigue las instrucciones para instalar la etiqueta:
    • La etiqueta global de sitio web no está instalada en todas tus páginas HTML: elige esta opción si es la primera vez que configuras la etiqueta de una acción de conversión en tu cuenta y no has instalado la etiqueta global de sitio web desde otro producto de Google. Esta opción muestra la etiqueta global de sitio web completa. Para instalar la etiqueta, copia su código y pégalo entre las etiquetas <head></head> en todas las páginas de tu sitio.

      A continuación, te mostramos un ejemplo de etiqueta global de sitio web en el que "CONVERSION_ID" representa el ID de conversión exclusivo de tu cuenta de Google Ads:

      <script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
      <script>

        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'AW-CONVERSION_ID');

      </script>

    • La etiqueta global de sitio web ya está instalada en todas las páginas, pero procede de otro producto de Google, como Google Analytics, o de otra cuenta de Google Ads: si esta es tu situación, no tienes que volver a añadir la etiqueta a tu sitio. Sin embargo, para que el seguimiento de conversiones funcione en esta cuenta, tendrás que añadir el comando "config" (el fragmento de código que contiene tu ID de conversión) a cada instancia de la etiqueta global. Este comando se muestra en el siguiente ejemplo, en el que “AW-CONVERSION_ID” representa el ID de conversión de la cuenta:

      gtag('config', 'AW-CONVERSION_ID');

      Añade el comando "config" a cada instancia de la etiqueta global de sitio web, justo encima de la etiqueta final </script>.

      A continuación, te mostramos un ejemplo de etiqueta global de sitio web que está configurada para hacer el seguimiento tanto en Google Analytics como en Google Ads, con el comando "config" de la cuenta de Google Ads destacado:

      <script async src="https://www.googletagmanager.com/gtag/js?id=GA-_TRACKING_ID">
      </script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'GA_TRACKING_ID');
        gtag('config', 'AW-CONVERSION_ID');
      </script>

    • Ya he instalado la etiqueta global de sitio web al crear otra acción de conversión en esta cuenta de Google Ads: si esta es tu situación, no tienes que volver a añadir la etiqueta a tu sitio. Solo tienes que asegurarte de que la etiqueta figura en todas las páginas y de que el comando "config" de cada instancia de la etiqueta contiene el ID de conversión de tu cuenta, que verás al seleccionar esta opción.
  2. (Opcional) Modifica la etiqueta global de sitio web según tus preferencias:
    • Si no quieres que la etiqueta incluya a los visitantes del sitio web en tus listas de remarketing, añade al comando config de la etiqueta la parte que aparece destacada a continuación:
      gtag('config', 'AW-CONVERSION_ID', {'send_page_view': false});
    • Si no quieres que la etiqueta incluya cookies propias en el dominio de tu sitio web, añade la parte destacada a continuación al comando "config" de la etiqueta:
      gtag('config', 'AW-CONVERSION_ID', {'conversion_linker': false});

      Te recomendamos que no lo hagas, ya que la medición de conversiones será menos precisa.
  3. Copia la etiqueta global y sigue las instrucciones para añadirla a tu sitio web.
  4. Junto a "Fragmento de teléfono", selecciona una de las siguientes opciones:
    • Introduce tu número de teléfono tal como aparece en tu sitio web. Introduce el número de teléfono de cuyas llamadas quieres hacer el seguimiento. Debes introducir exactamente los mismos dígitos que aparecen en tu sitio web. Si el número de tu sitio web contiene el prefijo del país, inclúyelo aquí también. Si no lo contiene, no lo incluyas en este campo. A continuación, haz clic en Crear fragmento.

      Por ejemplo, si en tu sitio web se incluye el número de teléfono 1-650-555-5555, deberás introducir el número con este formato: 1-650-555-5555. Si escribes 650-555-5555 o 555-5555, Google Ads no podrá buscar tu número ni hacer el seguimiento de las conversiones correctamente. Esta opción no permite hacer el seguimiento de varios números de teléfono que aparezcan en tu sitio web.
    • No introduzcas un número. Deberás modificar el código de tu sitio web de forma manual. Si seleccionas esta opción, deberás seguir las instrucciones que se indican a continuación para cambiar el código de tu sitio web de forma manual después de instalar la etiqueta. Esta opción es más avanzada y solo es recomendable usarla si estás familiarizado con JavaScript. Utiliza esta opción para hacer el seguimiento de las llamadas a varios números de teléfono en tu sitio web.
      Nota: Con la etiqueta JavaScript predeterminada solo se puede hacer el seguimiento de un número en una única página.
  5. En "Instala el fragmento de teléfono", aparecerá el código del fragmento de teléfono según la opción que hayas seleccionado. Copia el fragmento para añadirlo a tu sitio web ahora o haz clic en Descargar fragmento para hacerlo en otro momento.
  6. Abre el código HTML de la página donde aparece el número de teléfono en tu sitio web.
  7. Entre las etiquetas de encabezado de la página (<head></head>), pega el fragmento de teléfono, justo después de la etiqueta global de sitio web.
  8. Guarda los cambios de la página web.
  9. Haz clic en Siguiente.
  10. Haz clic en Listo.
Ejemplos de códigos HTML antes y después de añadir la etiqueta de seguimiento de conversiones:
  • Código HTML de muestra antes de añadir el código de seguimiento de conversiones (se trata de una muestra, no lo utilices en el código de tu sitio web).

    <html>
    <head>
    <title>Archivo HTML de muestra</title>
    </head>
    <body>

    Este es el cuerpo de tu página web.
    </body>
    </html>

  • Código HTML de muestra después de añadir el código de seguimiento de conversiones (se trata de una muestra, no lo utilices en el código de tu sitio web)

    <html>
    <head>
    <title>Archivo HTML de muestra</title>


    <!-- Global site tag (gtag.js) - Google Ads: AW-CONVERSION_ID -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'AW-CONVERSION_ID');

    </script>

    <script>
      gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
        'phone_conversion_number': '1-650-555-5555'
      });
    </script>

    </head>
    <body>

    Este es el cuerpo de tu página web.
    </body>
    </html>

Hacer un seguimiento de las llamadas a un número de teléfono en un sitio web con Google Tag Manager

Puedes usar Google Tag Manager para hacer un seguimiento de las llamadas a un número de teléfono en tu sitio web siguiendo estas directrices:

Crear una etiqueta en Google Tag Manager

  1. Inicia sesión en Google Tag Manager.
  2. Selecciona un espacio de trabajo.
  3. Haz clic en Etiquetas.
  4. Haz clic en Nueva para crear una etiqueta.
  5. Haz clic en Configuración de la etiqueta. Desplázate hacia abajo y selecciona "Conversiones de llamadas procedentes de un sitio web (Google Ads)".
  6. Indica el número de teléfono que quieres sustituir.
    Nota: El número de teléfono que proporciones debe tener exactamente los mismos dígitos que aparecen en tu sitio web.
  7. Indica el ID y la etiqueta de conversión de la cuenta de Google Ads.
  8. Añade un activador que funcione cuando un usuario haga clic en el número de teléfono.
  9. Guarda la etiqueta y publica los cambios.

Cambiar el código del sitio web de forma manual para mostrar un número de desvío de llamadas de Google

Si has añadido el número de teléfono que aparece en tu sitio web al completar los pasos anteriores, no tienes que seguir los pasos siguientes. Si has seleccionado la opción "No introduzcas un número", tu desarrollador web o tú mismo deberéis hacer lo siguiente:

Ejemplos

  1. Abre el código HTML de la página a la que añadiste el fragmento de teléfono, es decir, la página en la que aparece el número de teléfono en tu sitio web. El fragmento tendrá un aspecto similar al del código de ejemplo que se muestra a continuación, en el que CONVERSION_ID representa el ID de conversión y CONVERSION_LABEL, la etiqueta de conversión:

    <script>
      gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
        'phone_conversion_number': 'REPLACE WITH VALUE'
      });
    </script>

  2. En el parámetro phone_conversion_number, sustituye "REPLACE WITH VALUE" por el número de teléfono de la empresa. Asegúrate de que el número coincida exactamente con el número de la página y no te olvides de añadir el código de país correspondiente.
  3. (Opcional) Añade al fragmento de teléfono los parámetros que se indican a continuación siguiendo estas directrices:
    1. phone_conversion_callback: introduce la función de retrollamada. Esta función se invocará con dos argumentos. El primer argumento es el número de teléfono con formato (en el mismo formato que se usa en el parámetro phone_conversion_number). El segundo argumento es el número de teléfono en formato simple (por ejemplo: '18001234567').
    2. phone_conversion_css_class: introduce el nombre de la clase de CSS. Todo el contenido de los elementos de esta clase se sustituirá por un número de teléfono con formato.
    3. phone_conversion_options: puedes introducir uno de los siguientes valores:
      • timeout: el tiempo máximo en milisegundos permitido para generar un número. Si no se puede obtener el número en ese intervalo de tiempo, no se enviará ningún número al destino. El tiempo de espera predeterminado es de 5000 milisegundos.
      • cache: se asigna el valor false para inhabilitar el almacenamiento en una cookie del número generado, de lo contrario, se asigna el valor true.

    Ejemplo de fragmento de teléfono con parámetros opcionales

    <script>
      gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
        'phone_conversion_number': '1-650-555-5555',
        'phone_conversion_callback': function(formatted_number, mobile_number) {
          // formatted_number: número que se va a mostrar, en el mismo formato que se usa en el 
          //     número pasado a 'phone_conversion_number'. 
          //     (en este caso, '1-650-555-5555')
          // mobile_number: número con formato para usar en un enlace en el que se puede hacer clic
          //      con tel:-URI (en este caso, '+16505555555')
          var e = document.getElementById("number");
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        },
        'phone_conversion_options': {
          'timeout': 20,
          'cache': false
      }
    });
    </script>
  4. Guarda los cambios de la página web.

En los ejemplos siguientes se muestra cómo implementar este fragmento de código en tres casos prácticos distintos.

Ejemplo 1: Sustituir un número de teléfono estático por un número de desvío de llamadas de Google

Esta función permite obtener un número de teléfono y sustituir el contenido de todos los elementos "span" de una categoría concreta. En este ejemplo, el número de teléfono "1-800-123-4567" que se muestra en la etiqueta "span" se sustituirá por el número de desvío de llamadas con formato generado de forma dinámica.

  1. Añade el parámetro phone_conversion_css_class con el valor "number" al fragmento de teléfono. Es la línea destacada en el siguiente ejemplo:

      <script type="text/javascript">
        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '1-800-123-4567',
          'phone_conversion_css_class':'number'
        });
      </script>

  2. En el código HTML de la página web que tiene los números de teléfono, añade la clase del parámetro phone_conversion_css_class (destacada en el ejemplo siguiente) a la etiqueta "span" que contiene el número de teléfono.
    <body>
        <span class="number">1-800-123-4567</span>
    </body>

Ejemplo 2: Usar el número de desvío de llamadas de Google como función personalizada de retrollamada

Permite obtener un número de teléfono y enviarlo a una función de retrollamada. La función de retrollamada del ejemplo sustituye el contenido de un elemento con el ID "number" por el número de desvío de llamada con formato.

  1. Actualiza el fragmento de teléfono para que coincida con el siguiente código de muestra. Sustituye "1-800-123-4567" por el número de teléfono que aparece en el sitio web. Asegúrate también de sustituir CONVERSION_ID por el ID de conversión exclusivo de la cuenta de Google Ads y CONVERSION_LABEL por la etiqueta de conversión exclusiva de la acción de conversión.

      <script type="text/javascript">
        var callback = function(formatted_number, mobile_number) {
          // formatted_number: número que se va a mostrar, en el mismo formato que se usa en el parámetro
          //        'phone_conversion_number'.
          //        (en este caso, '1-800-123-4567')
          // mobile_number: número con formato para usar en un enlace en el que se puede hacer clic
          //        con tel:-URI (en este caso, '+18001234567')
          var e = document.getElementById("number");
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        };

        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '1-800-123-4567',
          'phone_conversion_callback': callback
        });
      </script>

  2. En el código HTML de la página web que tiene los números de teléfono, añade el parámetro "id" con el valor "number" (destacado en el ejemplo siguiente) a la etiqueta "span" que contiene el número de teléfono.
    <body>
      <span id="number">1-800-123-4567</span>
    </body>

Para permitir que los usuarios que visiten tu sitio web en un teléfono móvil llamen a tu empresa fácilmente, puedes proporcionarles un número de desvío de llamadas de Google en el que se pueda hacer clic.

Ejemplo 3: Usar el número de desvío de llamadas de Google como función personalizada de retrollamada en un sitio web móvil
En las páginas web móviles con un número de teléfono en el que se puede hacer clic, sustituye tanto el número que se muestra como el número al que se llama cuando se hace clic en él. Para ello, debes utilizar la función de retrollamada:

  1. Actualiza el fragmento de teléfono para que coincida con el siguiente código de muestra. Sustituye "1-800-123-4567" por el número de teléfono que aparece en el sitio web. Asegúrate también de sustituir "CONVERSION_ID" por el ID de conversión exclusivo de la cuenta de Google Ads y "CONVERSION_LABEL" por la etiqueta de conversión exclusiva de la acción de conversión.

      <script type="text/javascript">
        var callback = function(formatted_number, mobile_number) {
          // formatted_number: número que se va a mostrar, en el mismo formato que se usa en el parámetro
          //        'phone_conversion_number'.
          //        (en este caso, '1-800-123-4567')
          // mobile_number: número con formato para usar en un enlace en el que se puede hacer clic
          //        con tel:-URI (en este caso, '+18001234567')
          var e = document.getElementById("number");
          e.href = "tel:" + mobile_number;
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        };
        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '1-800-123-4567',
          'phone_conversion_callback': callback
        });
      </script>

     
  2. En el código HTML de la página web que tiene los números de teléfono, añade el atributo "id" con el valor "number" (destacado en el ejemplo siguiente) a la etiqueta <a> que contiene el número de teléfono.

    <body>
      <a href="tel:18001234567" id="number">1-800-123-4567</a>
    </body>

Comprobar el código

Esta acción de conversión puede tardar hasta una hora en habilitarse para tus anuncios. Para asegurarte de que la acción esté funcionando, puedes hacer una búsqueda que dé como resultado tu anuncio y hacer clic en él para visitar tu sitio web (este clic también se te cobrará). Verás que tu número de teléfono habitual se ha sustituido por un número de desvío de llamadas de Google.

En caso de que estés haciendo múltiples pruebas, elimina la cookie "gwcc" del navegador y vuelve a hacer clic en el anuncio.

¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?

¿Necesitas más ayuda?

Inicia sesión si quieres ver otras opciones de asistencia para solucionar tu problema.