Google Tag Manager

How to include the DialoX chat widget using Google Tag Manager

When you are managing multiple third party tags and scripts on your website, it might be a good idea to start using a service to keep track of them easily. Google Tag manager is one of those services.

This page explains how to use Google Tag manager to expose the DialoX chat widget on your website.

Get google tag manager

First make sure you have an account to goolge tag manager. For this, go to:

https://tagmanager.google.com/tagmanager.google.com

After you've signed up, you will receive two HTML snippets that you need to incorporate in your website according the instructions provided by google.

Example of the instructions google provide to you when signing up

When you are using a CMS like Wordpress or Wix, you don't need to worry about applying these snippets to your HTML code. You only need to make sure the plugin or widget you are using is connected to your Google Tag manager account.

Add a custom tag

When you have an account to google tag manager and implemented Google Tag manager on your website, you can now start adding services to is, like the DialoX web widget. You can do this by adding a custom tag.

Go to your overview page and click on "Add a new tag"

Add a new tag in Google Tag Manager

Google will open the following page in which you will need to provide two pieces of information:

1. Tag configuration

2. Triggering

Step 1 Add tag configuration

Click on Tag Configuration and select Custom HTML in the list on the next form:

Choose Custom HTML

Now go to the Channels page in the DialoX studio and click on Web Widget. Here you can find the Web Widget snippet. Copy it to your clipboard:

Copy the Javascript snipplet into your clipboard

Now go back to the Google Tag manager page that you just opened, paste and save the snippet in there and continue with step 2.

Step 2 Triggering

Now open the triggering page and select All Pages to have the Chat widget on all pages of your website.

Select the triggering method

Submit your tag

Now you've configured your tag you first need to submit it before it becomes active on your website.

For this click on the submit button on the overview page in Tag Manager.

Submit your widget

Now give your version a descriptive name and click on the Submit button:

Submit a new version of your tag

Now go to your website and check it. It should now show the web widget icon you configured for your website in the right lower corner of your website.