Wil je een TrustBox-widget toevoegen aan je website, maar heb je beperkte toegang tot de broncode? Gebruik dan Google Tag Manager (GTM) om de widget toe te voegen als een aangepast script.
Met GTM voeg je een widget als aangepast script toe aan je website. Je gebruikt GTM om een nieuwe aangepaste HTML-tag te maken, de widgetcode toe te voegen en deze ten slotte op de webpagina te plaatsen.
Controleer of je GTM correct hebt ingesteld op alle webpagina's waar je widgets wilt tonen. Hulp nodig? Bekijk het support-artikel van Google.
Je moet basiskennis hebben van HTML om Google Tag Manager te kunnen gebruiken.
Instructies
-
Ga in Trustpilot Business naar Deel en promoot > Website-widgets > Alle widgets. Selecteer je widget en klik op Ontvang code.
-
Log in op Google Tag Manager een maak een nieuwe HTML-tag.
-
Je widget verschijnt standaard onderaan de pagina. Je kunt deze op twee manieren verplaatsen:
- Als je toegang hebt tot de HTML van je website, kun je een TrustBox-placeholder voor de widget toevoegen, zoals
<div id="trustboxwidget"/>
. Plaats de widget vervolgens in de placeholder via GTM. - Je kunt ook een bestaande container in je HTML-broncode selecteren en naar de ID of klasse ervan in GTM verwijzen om de widget in te voegen. In het onderstaande voorbeeld verwijs je naar het element 'customer-experience' als de container van je widget in GTM.
- Als je toegang hebt tot de HTML van je website, kun je een TrustBox-placeholder voor de widget toevoegen, zoals
-
Onder Tag-configuratie plak je de code van de widget en verwerk je deze in een JavaScript-functie.
- Vervang HTML_ID met de ID van de in stap 3 gekozen container.
- Vervang TRUSTBOX_HTML met de HTML-code van de widget (de code met het <div>-element).
<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 -->
Belangrijk: Voeg het bootstrap-script altijd direct na de HTML-code toe. -
Voeg onder Triggering > Firing Triggers een DOM Ready-trigger toe als activeringstrigger.
-
Maak een nieuwe versie in GTM en publiceer je wijzigingen.
Vorige Wat is een TrustBox-widget?
Volgende: TrustBoxen — veelgestelde vragen