Cómo añadir un TrustBox utilizando Google Tag Manager

Esta función está incluida en el Plan Free.

Empezar

Si deseas añadir un TrustBox a tu sitio web pero tienes acceso limitado al código fuente, puedes utilizar Google Tag Manager (GTM) para añadir el widget como un script personalizado. En esta guía explicamos cómo hacerlo.

GTM te permite añadir un widget a tu sitio web como un script personalizado. Utilizarás GTM para crear una nueva etiqueta HTML personalizada, añadir el código del widget y colocarlo en la página web.

Comprueba que has configurado correctamente GTM en todas las páginas web en las que quieres mostrar los widgets. Si necesitas ayuda, puedes leer el artículo de Google sobre GTM.

Nota: Para utilizar Google Tag Manager es necesario tener conocimientos básicos de HTML.

Procedimiento 

  1. En Trustpilot Business, ve a Difundir > Widgets webSelecciona tu widget y haz clic en Obtener código
  2. Entra en tu cuenta de Google Tag Manager y crea una nueva etiqueta HTML personalizada.
    Plataforma de Google Tag Manager mostrando el HTML personalizado a seleccionar
  3. Tu widget aparece por defecto en la parte inferior de la página. Hay dos maneras de cambiar su ubicación: 
    • Si tienes acceso al HTML de tu página, añade un contenedor de marcador de posición del TrustBox, por ejemplo, <div id="trustboxwidget"/>. Utiliza GTM para insertar el widget en el contenedor del marcador de posición.
    • Encuentra un contenedor existente en tu fuente HTML y haz referencia a su ID o propiedad de clase en GTM para insertar el widget. En el siguiente ejemplo, te referirías al elemento "customer-experience" como contenedor de tu widget en GTM. Ejemplo de código HTML para un contenedor existente
  4. En el panel Configuración de etiquetas, pega el código del widget y envuélvelo dentro de una función JavaScript.
    • Reemplaza el marcador de posición HTML_ID con el ID del contenedor elegido en el punto 3.
    • Reemplaza el marcador de posición TRUSTBOX_HTML con el código HTML del widget. Se trata del código con el elemento <div>.
    <script>
     (function () {
      var containerId = 'HTML_ID';
      var trustboxContainer =
       document.getElementById(containerId) ||
       document.getElementsByClassName(containerId)[0];
      if (trustboxContainer) {
       var trustbox = document.createElement("div");
       trustbox.innerHTML = 'TRUSTBOX_HTML';
       trustboxContainer.appendChild(trustbox);
      }
     })();
    </script>
    <!-- TrustBox script -->
    <script type="text/javascript" 
    src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
    <!-- End Trustbox script -->
    	
    Importante: Añade siempre el script bootstrap justo después del código HTML.
  5. Bajo Activación y Activadores, añade un activador DOM Ready. Plataforma de Google Tag Manager para añadir un activador "DOM ready" como desencadenante
  6. Crea una nueva versión en GTM y publica los cambios.

Anterior Introducción a los TrustBoxes

Siguiente TrustBox-widgets - Preguntas frecuentes