LouiseBot & Google Tag Manager

Wordpress

Shopify

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.

Click the 'New' button.

Give your tag a name, then click on the 'Tag Configuration' block.

Select 'Custom HTML'.

Go to the LouiseBot dashboard and copy the chatbot script provided for your site.

Return to Google Tag Manager, paste your LouiseBot script, then click on the 'Triggering' section.

Click the '+' icon to add a new trigger.

Select 'Page View'.

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.

Optional: If you want the chatbot to appear after a delay, add a new trigger of type 'Timer' and set the interval you want.

Finally, click 'Save' and then 'Publish' your configuration.

In the LouiseBot dashboard settings, enable the 'Auto Installation' option or enter the domain name of the site where the chatbot will be used.

You can now refresh your website to see the chatbot in action.

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.