Hvis du gerne vil tilføje en TrustBox-widget til dit website, men har begrænset adgang til kildekoden, kan du bruge Google Tag Manager (GTM) til at tilføje den som et brugerdefineret script.
Ved hjælp af GTM kan du oprette et nyt tilpasset HTML-tag, tilføje widget-koden og placere din widget på din webside som et brugerdefineret script.
Kontrollér, at GTM er korrekt konfigureret på de websider, hvor dine widgets skal være. Du finder nyttige oplysninger i Googles supportartikel om GTM.
Det kræver grundlæggende viden om HTML at bruge Google Tag Manager.
Sådan gør du
-
Gå ind på din virksomhedskonto > Del og promovér > Website-widgets > Alle widgets, vælg den ønskede widget, og klik på Hent kode.
-
Log ind på din Google Tag Manager-konto, og opret et nyt tilpasset HTML-tag.
-
Din widget vises som standard nederst på siden. Du kan flytte den på to måder:
- Hvis du har adgang til din sides HTML-kode, skal du tilføje en widget-pladsholder (container), f.eks.
<div id="trustboxwidget"/>
. Indsæt derefter din widget i pladsholderen med GTM. - Find en eksisterende pladsholder i din HTML-kildekode, og henvis til dens "ID" eller "class" i GTM for at sætte din widget ind. I nedenstående eksempel skal du henvise til "customer-experience"-elementet som din widget-pladsholder i GTM.
- Hvis du har adgang til din sides HTML-kode, skal du tilføje en widget-pladsholder (container), f.eks.
-
Indsæt din widget-kode pakket ind i en JavaScript-funktion i GTM's tagkonfiguration-panel.
- Udskift pladsholderen HTML_ID med pladsholderens ID, du tilføjede i trin 3.
- Udskift pladsholderen TRUSTBOX_HTML med din widgets HTML-kode. Det er 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 -->
Vigtigt: Du skal altid tilføje bootstrap-scriptet lige efter HTML-koden. -
Tilføj en DOM Ready-trigger som aktiverende trigger under Trigger.
-
Opret en ny version i GTM, og offentliggør dine ændringer.
Forrige Hvad er en TrustBox-widget?
Næste FAQ om TrustBox-widgets