back
How to Integrate LouiseBot with Your Website Using Google Tag Manager?
How to Integrate LouiseBot with Your Website Using Google Tag Manager?

This is the recommended method for integrating LouiseBot, offering greater flexibility, though it's a bit more complex to set up.

With Google Tag Manager, you can:

  • ✅ Display your bot based on specific URLs.
  • ✅ Add a delay before it appears.
  • ✅ Conditionally display the bot.
  • ✅ Show different bots based on the user's selected language.
  • ✅ And much more.

Implementing your LouiseBot chatbot via Google Tag Manager provides enhanced control over how and when the bot appears on your site. However, a basic understanding of Google Tag Manager is recommended to fully utilize this method.

1
Log in to your Google Tag Manager account where you want to add the LouiseBot chatbot, then click on 'Tags'.
LouiseBot_img_0
2
Click the 'New' button.
LouiseBot_img_0
3
Give your tag a name, then click on the 'Tag Configuration' block.
LouiseBot_img_0
4
Select 'Custom HTML'.
LouiseBot_img_0
5
Go to the LouiseBot dashboard and copy the chatbot script provided for your site.
LouiseBot_img_0
6
Return to Google Tag Manager, paste your LouiseBot script, then click on the 'Triggering' section.
LouiseBot_img_0
7
Click the '+' icon to add a new trigger.
LouiseBot_img_0
8
Select 'Page View'.
LouiseBot_img_0
9
Choose 'All Page Views' if you want the chatbot to appear on all your pages, or 'Some Page Views' if you prefer it to appear only on certain pages. If you select 'Some Page Views', complete the three fields to define the conditions under which the chatbot will be displayed.
LouiseBot_img_0
10
Optional: If you want the chatbot to appear after a delay, add a new trigger of type 'Timer' and set the interval you want.
LouiseBot_img_0
11
Finally, click 'Save' and then 'Publish' your configuration.
LouiseBot_img_0
12
In the LouiseBot dashboard settings, enable the 'Auto Installation' option or enter the domain name of the site where the chatbot will be used.
LouiseBot_img_0
13
You can now refresh your website to see the chatbot in action.
LouiseBot_img_0

By following these simple steps, you can easily integrate the LouiseBot script into your Google Tag Manager setup. If you encounter any issues or have further questions, feel free to contact our support team for assistance.