Google Tag Manager Tutorial


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

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.

Step 2

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

Step 3

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

Step 4

Name your tag and paste your Userlike Widget code. You find it in your Widget’s settings under **Install** > **JavaScript Widget code**. Make sure to check the option **Support document.write**.

  • 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.