Google Tag Manager Tutorial

Introductie

Met de Google Tag Manager kunt u Userlike op een flexibele manier integreren in uw website door gebruik te maken van tags en triggers. Haal uw Tag Manager account hier.

Uw voordelen bij het gebruik van de Tag Manager met Userlike:

  • Laad Widgets met verschillend gedrag of verschillende talen op basis van het domein of de URL waarop ze worden gebruikt.
  • Wijzig uw Widget setup zonder uw website aan te raken, zodat wijzigingen kunnen worden aangebracht zonder de hulp van de IT-afdeling.

Volg de onderstaande stappen om Google Tag Manager met Userlike te verbinden.

Stap 1

Zodra u uw Tag Manager account hebt ingesteld, maakt of selecteert u een container voor uw website en klikt u op **Installeren** om uw JavaScript-code te bekijken.

Stap 2

Pak de code en implementeer deze op uw website. Raadpleeg voor meer informatie Google’s documentatie.

Stap 3

Maak een nieuwe tag aan met het labeltype "Custom HTML".

Stap 4

Geef uw tag een naam en plaats uw Userlike Widget code. U vindt deze in de instellingen van uw Widget onder **Installatie** > **JavaScript Widget code**. Zorg ervoor dat u de optie **Support document.write** aanvinkt.

  • To avoid CSS conflicts with the chat client, we advise you not to use `iframe { !important }` in your CSS. Better be more specific and exclude the Userlike chat client by using `iframe:not(.userlike) { !important }`.
  • Stap 5

    Voeg een trigger toe aan de tag. Als u bijvoorbeeld wilt dat uw Widget wordt geladen wanneer een bezoeker een bepaalde pagina bezoekt, selecteer dan het triggertype "Page View".

    Stap 6

    Configureer de trigger met de voorwaarden voor elk triggertype. In ons voorbeeld zou de Widget alleen op onze Engelse pagina's laden.

    Stap 7

    **Submit** en **publiceer** uw setup, dan bent u klaar om Userlike te gebruiken met Google Tag Manager.