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 }`.
  • Step 5

    Add a trigger to the tag. For example, if you want your Widget to load when a visitor visits a certain page, select the trigger type “Page View”.

    Step 6

    Configure the trigger to your requirements with the conditions provided for each trigger type. In our example, the Widget would only load on our English pages.

    Step 7

    **Submit** and **publish** your setup, then you’re ready to use Userlike with Google Tag Manager.