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

Este widget está incluido en los planes Free, Plus, Premium, Advanced y Enterprise.

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. 

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.

Para utilizar Google Tag Manager debes tener conocimientos básicos de HTML.

Procedimiento

  1. En tu cuenta Business de Trustpilot, ve a Compartir y promocionar > Widgets web > Todos los widgetsSelecciona tu widget y luego 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: Debes agregar 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: ¿Qué es un TrustBox (widget de Trustpilot)?

Siguiente TrustBox-widgets - Preguntas frecuentes

Related articles