Introduction

Google Tag Manager allows you to integrate Userlike into your website in a flexible way by using tags and triggers. Get your Tag Manager account here.
Your advantages when using the Tag Manager with Userlike:
  • Load Widgets with different behavior or language based on the domain or URL they’re used on.
  • Change your Widget setup without deploying your website, so that changes can be made without the help of the IT department.
Follow the steps below to connect Google Tag Manager with Userlike.

Step 1

Make sure you have enabled “Google Analytics 4” in in the widget settings under Chat > Behavior > Tracking.
Image without caption

Step 2

Once you’ve set up your Tag Manager account, create or select a container for your website and click Install to view your JavaScript code.
Image without caption

Step 3

Grab the code and implement it on your website. For details, please refer to Google’s documentation.
Image without caption

Step 4

In your Google Analytics account go to Admin > Data collection and modification > Data streams open your data stream and click on View tag instructions.
Image without caption
Then select the Install manually tab and copy the script tag (Google tag).
Image without caption

Step 5

Create a new tag with the tag type “Custom HTML”.
Image without caption

Step 6

Name your tag and paste your Google tag and your Userlike Widget code in the order as pictured in the following image. Make sure to check the option Support document.write. You find your Userlike Widget code in the Widget’s settings under Install > JavaScript Widget code.
Image without caption
💡
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 7

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”.
Image without caption

Step 8

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.
Image without caption

Step 9

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