DM Champ
Voeg de website-chatwidget van DM Champ toe via Google Tag Manager en lees de beperkingen van plaatsing per product.
DM Champ levert de chatwidget en verwerkt de gesprekken. MemBirds kan de widget laden via Google Tag Manager; dit is geen ingebouwde synchronisatie van contacten of producttoegang.
Nederlandstalige video: DM Champ koppelen
Knoppen in de video kunnen afwijken van de huidige interface. Gebruik in DM Champ Settings → Channels → Website chat widget → Connect / Manage. Kopieer de insluitcode van je eigen widget, niet die van het demoaccount.
Voordat je begint
Je hebt een DM Champ-account met een ingestelde website-chatwidget, een Google Tag Manager-container voor Web en toegang tot Instellingen → Google in MemBirds nodig. Iemand met publicatierechten moet de Tag Manager-wijzigingen publiceren.
Stel in DM Champ de begroeting, vormgeving, privacyopties en antwoordende agent in. Kopieer onder Channels & Embed de code voor Floating bubble. Gebruik de actuele DM Champ-handleiding voor die opties. Een WhatsApp-knop die een chat opent is een andere widget.
Plak nooit een DM Champ-API-sleutel of geheim voor identiteitsondertekening in een websitetag. De widget-identificatie in de insluitcode is niet zo'n geheim. Gebruik je de domeinlijst van DM Champ? Sta dan het werkelijke leden- of eigen domein toe waarop je gaat testen.
De widget op je hele site tonen
Koppel Tag Manager aan MemBirds
Maak of kies in Google Tag Manager een Web-container. Kopieer de container-ID die met GTM- begint. Open in MemBirds Instellingen → Google, plak deze bij Tag Manager en klik op Opslaan. Je hoeft Googles volledige installatiecode niet in MemBirds te plakken. Is er al een container gekoppeld? Gebruik die dan in plaats van andermans meetinstellingen te vervangen.
Maak een widgettag
Open in die container Tags → Nieuw, geef de tag een herkenbare naam en kies Tagconfiguratie → Aangepaste HTML. Plak alleen de insluitcode van je widget, niet een hele voorbeeld-HTML-pagina.
Kies de trigger
Voeg, zoals in de video, een trigger Paginaweergave → DOM klaar toe voor Alle gebeurtenissen die worden geactiveerd bij DOM klaar. Deel je de container met andere websites? Beperk de trigger dan tot je bedoelde hostnaam, zodat de bot niet overal verschijnt waar die container wordt gebruikt.
Bekijk een voorbeeld en publiceer
Controleer de bedoelde pagina's met de voorbeeldfunctie van Tag Manager en verzend en publiceer daarna de containerversie. Alleen een tag opslaan wijzigt de live site niet.
Test als bezoeker of lid
Open de echte ledensite in een aparte browsersessie. Open de chat, stuur je eigen testbericht en controleer het antwoord in DM Champ. Test op desktop en mobiel, na herladen en bij doorklikken tussen pagina's. Het beheerscherm is niet de juiste plek om de ledenwidget te controleren.
De MemBirds-instelling voor Tag Manager geldt voor de ledenomgeving en betaalpagina's, ook voor bezoekers die niet zijn ingelogd. Een algemene trigger betekent niet ‘alleen voor leden’. Funnels hebben onder Tracking een eigen schakelaar Google Tag Manager inschakelen; controleer hun publicatie en cookiebanner apart. Bepaal vóór publicatie waar de widget past en welke privacyvoorwaarden gelden.
Alleen op bepaalde productpagina's tonen
In de tweede helft van de video wordt een trigger Aangepaste gebeurtenis gebruikt met exact de naam virtualPageview, met Sommige aangepaste gebeurtenissen → Page Path → bevat → het productpad. MemBirds stuurt deze gebeurtenis nog steeds bij het navigeren tussen pagina's. De spelling is belangrijk: het is niet virtualPageView.
Dit is een geavanceerd plaatsingsvoorbeeld, geen controle van productrechten. Een URL-voorwaarde bepaalt alleen waar een script draait. De voorwaarde geeft geen toegang, controleert geen aankoop en voorkomt niet dat iemand een losse DM Champ-link opent.
Laat je implementator deze onderdelen samen regelen:
- Herken het huidige pad van je eigen product en de bedoelde onderliggende pagina's. Kopieer het demoproductpad niet. Voorkom een te ruim tekstdeel dat ook bij een ander product past.
- Start de widget bij het openen van het toegestane gedeelte, ook bij een direct bezoek of herladen, zonder bij doorklikken dubbele widgets te maken.
- Verwijder of verberg diezelfde widget bij het verlaten van dat gedeelte en herstel hem goed bij terugkeer.
- Vervang je een sitebrede installatie? Pas alleen je eigen tags aan. Verwijder geen andere tags of triggers uit een gedeelde container.
De widget verwijderen bij het doorklikken
Gebruik een aparte Aangepaste HTML-tag op virtualPageview wanneer het paginapad het gekozen productpad niet bevat. Beperk de opruimactie tot je eigen widget en gebruik een manier van afsluiten die DM Champ ondersteunt.
Een scriptelement verwijderen stopt niet vanzelf timers, luisteraars of een lopend gesprek. Vermijd brede elementselectors die ook een andere widget kunnen verwijderen.
Laat je implementator bij DM Champ de ondersteunde manier van starten en opruimen controleren en eventuele opruimcode beperken tot je exacte insluit-URL en eigen widget. Kan dat niet worden geverifieerd? Gebruik dan een geteste sitebrede widget of een DM Champ-deellink. Een deellink opent de chat apart en is niet beperkt door MemBirds-producttoegang.
Testen en stoppen
- Test bij beperkte plaatsing homepage → gekozen product → les → ander product → homepage → gekozen product zonder herladen. Open elke plek ook direct in een nieuw tabblad. Controleer zowel afwezigheid buiten het bedoelde gedeelte als terugkeer daarbinnen.
- Ontbreekt de widget? Controleer de gepubliceerde container-ID, triggervoorwaarden, DM Champ-domeinbeperkingen, browserblokkades en funneltracking. Een gestarte tag bewijst niet dat de chat kan antwoorden.
- Blijft de widget op de verkeerde pagina staan? Pauzeer je widgettag terwijl je de plaatsing oplost. Gebruik geen algemene opruimactie die alle scripts verwijdert.
- Wil je de installatie stoppen? Pauzeer of verwijder je widgettag en publiceer de Tag Manager-wijzigingen. Herlaad al geopende pagina's om het resultaat te controleren. Laat andere meettags en de gedeelde container intact.