Seguimiento de traducciones de páginas con Google Tag Manager y Analytics

¿Quieres ver el contenido de la página? Mostrar

En el mundo digital actual, la accesibilidad y la comprensión multilingüe son esenciales para llegar a un público global. Muchos sitios web utilizan herramientas de traducción para facilitar el acceso a sus contenidos en diferentes idiomas. Sin embargo, hacer un seguimiento de cómo se utilizan estas funciones de traducción puede ofrecer una valiosa información sobre el comportamiento del usuario y las necesidades del mercado. En este artículo, exploraremos cómo rastrear las traducciones de páginas utilizando Google Tag Manager (GTM) y Google Analytics (GA), proporcionando un enfoque claro y práctico para implementar esta técnica.

Introducción a Google Tag Manager y Google Analytics

Google Tag Manager es una herramienta que permite gestionar y desplegar etiquetas (snippets de código) en un sitio web sin necesidad de modificar el código directamente. Por otro lado, Google Analytics es una plataforma que proporciona información detallada sobre el tráfico web, ayudando a los administradores de sitios a entender el comportamiento de los visitantes.

Juntas, estas herramientas permiten a los desarrolladores y especialistas en marketing rastrear eventos específicos, como las traducciones de páginas, lo que puede aportar datos valiosos sobre la necesidad de contenido localizado.

¿Por qué es importante rastrear las traducciones de páginas?

Rastrear las traducciones de páginas puede ofrecer una visión crítica de cómo los usuarios interactúan con el contenido de un sitio web. Algunas razones para hacerlo son:

Identificar necesidades lingüísticas: Si los usuarios están traduciendo frecuentemente las páginas, podría ser un indicativo de que se necesita una versión localizada del sitio.
Mejorar la experiencia del usuario: Entender que idiomas prefieren los visitantes puede guiar las decisiones de diseño y contenido.
Aumentar la tasa de conversión: Al conocer las preferencias lingüísticas, se pueden optimizar las páginas para aumentar la interacción y las conversiones.

Cómo funciona la traducción de páginas

Existen múltiples métodos para traducir una página web, siendo los más comunes:

Función “Traducir a…” en Google Chrome: Los usuarios pueden hacer clic derecho en la página y seleccionar la opción de traducir, lo que cambia el contenido al idioma deseado.
Uso de sitios web de traducción: Herramientas como Google Translate o Bing Translator permiten a los usuarios ingresar una URL y recibir una versión traducida dentro de un iframe.

Estos métodos afectan cómo se presenta el contenido al usuario, y rastrearlos puede proporcionar datos sobre las preferencias lingüísticas y el uso de herramientas de traducción.

Configuración de Google Tag Manager para rastrear traducciones

Para implementar el rastreo de traducciones a través de Google Tag Manager, es necesario seguir algunos pasos específicos para configurar tanto el contenedor de GTM como las etiquetas y disparadores necesarios.

Creación de un listener de traducción

El primer paso es crear un listener que observe los cambios en el DOM (Document Object Model) cuando un usuario traduce la página. A continuación se muestra un ejemplo de cómo se puede implementar este listener utilizando JavaScript:

<script>
(function() {
  // Observa las mutaciones del DOM en el nodo <html>
  if (window.MutationObserver) {
    var mutationObserver = new MutationObserver(function(mutations) {
      mutations.forEach(function (mutation) {
        var oldElementClass = mutation.oldValue;
        var currentElementClass = mutation.target.className;
        if (oldElementClass.indexOf('translated-') === -1 && currentElementClass.indexOf('translated-') > -1) {
          window.dataLayer.push({
            'event' : 'pageTranslated',
            'translationLanguage' : mutation.target.lang || document.getElementsByTagName('html')[0].getAttribute('xml:lang'),
            'translationService' : 'on-page google translate'
          });
        }
      });
    });

    var htmlNode = document.querySelector('html');
    mutationObserver.observe(htmlNode, {
      attributes: true,
      attributeOldValue: true,
      attributeFilter: ['class']
    });
  }
})();

Este código permite detectar cuándo se activa la función de traducción en la página y empuja un evento al Data Layer de GTM, incluyendo el idioma de traducción y el servicio utilizado.

Rastrear traducciones a través de iFrames

Otra parte importante del rastreo implica detectar cuándo se accede a la traducción a través de Google Translate o Bing Translator directamente. Para ello, se puede agregar el siguiente código para manejar los cambios de URL:

<script>
// Función para obtener parámetros de URL
function getUrlParameter(name) {
  name = name.replace(/[[]/, '\[').replace(/[]]/, '\]');
  var regex = new RegExp('[\?&]' + name + '=([^&]*)');
  var results = regex.exec(location.search);
  return results === null ? '' : decodeURIComponent(results[1].replace(/+/g, ' '));
}

// Comprobar si se está traduciendo desde Google Translate
if (window.location.href.indexOf('translate.googleusercontent.com') > -1) {
  window.dataLayer.push({
    'event' : 'pageTranslated',
    'translationLanguage' : getUrlParameter('tl'),
    'translationService' : 'google translate website'
  });
}

// Comprobar si se está traduciendo desde Bing Translator
if (window.location.href.indexOf('translatoruser-int.com') > -1) {
  window.dataLayer.push({
    'event' : 'pageTranslated',
    'translationLanguage' : getUrlParameter('to'),
    'translationService' : 'bing translator website'
  });
}
</script>

Este fragmento de código permite detectar la traducción de la página a través de iFrames y enviar la información correspondiente al Data Layer.

Configuración de las etiquetas en Google Tag Manager

Una vez que el listener está configurado, es necesario crear etiquetas en Google Tag Manager para enviar la información a Google Analytics. Esto se hace a través de una etiqueta de evento de Universal Analytics.

Creación de una etiqueta de evento

Para crear la etiqueta de evento en GTM, sigue estos pasos:

En la interfaz de GTM, dirígete a Etiquetas > Nueva > Universal Analytics.
Configura los siguientes parámetros:

Tipo de seguimiento: Evento
Categoría del evento: Traducción de página
Acción del evento: {{dlv – translationLanguage}}
Etiqueta del evento: {{dlv – translationService}}
Hit de no interacción: Verdadero
Selecciona la variable de configuración de Google Analytics que utilizas en tu contenedor GTM.
Elige el disparador Custom – pageTranslated.

Prueba y depuración

Una vez configuradas las etiquetas, es crucial realizar pruebas para asegurarse de que el rastreo funcione correctamente. Puedes activar el modo de previsualización y depuración en GTM y verificar los siguientes escenarios:

Usa Chrome para traducir una página y verifica en Google Analytics si se registra el evento correspondiente.
Abre la consola de JavaScript y ejecuta comandos para verificar que las variables de traducción están correctamente almacenadas.
Repite el proceso con Google Translate y Bing Translator, asegurándote de que los eventos se registran correctamente en GA.

Beneficios de rastrear traducciones de páginas

Ahora que has implementado el sistema de rastreo, es importante considerar los beneficios que esto aporta a tu sitio web. Algunos de ellos son:

Datos valiosos: La información sobre el uso de traducciones puede guiar decisiones estratégicas, como la creación de contenido localizado.
Optimización del SEO: Comprender las preferencias lingüísticas puede ayudar a optimizar el SEO y aumentar la visibilidad en mercados específicos.
Mejora de la experiencia del usuario: Al adaptar el contenido a las necesidades de los usuarios, se puede mejorar la satisfacción y retención del cliente.

Conclusiones sobre el seguimiento de las traducciones de páginas

A través de la implementación de Google Tag Manager y Google Analytics, es posible obtener información valiosa sobre cómo los usuarios interactúan con las traducciones de página. Este conocimiento puede no solo ayudar a identificar la necesidad de contenido localizado, sino también a mejorar la experiencia del usuario y potencialmente aumentar las tasas de conversión. Si bien el proceso puede parecer complejo, los beneficios que ofrece hacen que valga la pena el esfuerzo. Si conoces otros métodos populares de traducción, no dudes en compartir tus conocimientos para enriquecer aún más este tema.