Lägg till en TrustBox-widget med Google Tag Manager

Denna funktion ingår i paketen Free, Plus, Premium, Advanced och Enterprise.

Om du vill lägga till en TrustBox-widget på din sajt men har begränsad tillgång till källkoden, kan du använda Google Tag Manager (GTM) för att lägga till widgeten i form av ett anpassat skript. 

Med Google Tag Manager kan du skapa en ny anpassad HTML-tagg, lägga till widgetens kod och sedan placera den på webbsidan.

Kontrollera så att Google Tag Manager lagts till på alla sidor där du vill visa widgetar. Om du behöver hjälp med detta kan du läsa Googles supportartikel.

För att använda Google Tag Manager bör du ha grundläggande kunskap om HTML.

Så här gör du

  1. Gå till ditt företagskonto och klicka på Dela och visa upp > Widgetar för webbplatser > Alla widgetar. Välj en widget och klicka på Hämta kod
  2. Logga in på ditt Google Tag Manager-konto och skapa en ny Anpassad HTML-tagg.
    Google Tag Managers plattform, med vald "Custom HTML"
  3. Din widget visas som standard längst ner på sidan. Det finns två sätt att ändra placeringen: 
    • Om du har tillgång till din webbsidas HTML-kod kan du lägga till en HTML-behållare med en platshållare för TrustBox-widget, t.ex. <div id="trustboxwidget"/>. Använd Google Tag Manager för att lägga till widgeten i platshållaren.
    • Leta upp en befintlig behållare i din HTML-källkod och lägg till widgeten genom att referera till behållarens ID- eller klassegenskap i Google Tag Manager. I exemplet nedan refereras "customer-experience"-elementet som behållaren för widgeten i Google Tag Manager. Exempel på HTML-kod för existerande platshållare
  4. Klistra in widgetens kod inbäddad i en JavaScript-funktion i panelen Taggkonfigurering.
    • Ersätt platshållaren HTML_ID med behållarens ID du la till i steg 3.
    • Ersätt platshållaren TRUSTBOX_HTML med widgetens html-kod. Det är koden med <div>-elementet.
    <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 -->
    	
    Viktigt: Lägg alltid till bootskriptet direkt efter HTML-koden.
  5. Lägg till en DOM-klar utlösare under Utlösare > Aktivera utlösare.Google Tag Manager-plattform för tillägg av en DOM-klar utlösare som aktiveringsutlösare
  6. Skapa en ny version i Google Tag Manager och publicera dina ändringar.

Föregående Vad är en TrustBox-widget?

Nästa Vanliga frågor om TrustBox-widgetar

Related articles