NOTE: This tutorial assumes that you have Google Tag Manager set up on your site already. If you haven’t done so, check out our Google Tag Manager Basics tutorial first, and then come back here.
Using a chatbot widget on your website is an effective way to connect with your visitors in an engaging way. That being said, you might find yourself in a situation where a bot doesn’t make sense on certain pages of your site or where different pages require different conversational flows. The basic widget functionality does not allow for this sort of custom deployment behavior, but that doesn’t mean that you have no recourse. Using Google Tag Manager (GTM), you can set up your bot so that it only appears only on specific pages.
To show you how to set up tags with your bot widgets, we will go through a brief example. I have created a bot flow and using Google Tag Manager I will make it only appear on my website’s pricing page.
Part 1: Tag Configuration
First, we want to configure our Tag to define what happens when it is activated. In this case, make a bot widget appear on the page.
Step 1: Open up the bot that you want to embed in the TARS builder
Step 2: Click Distribute/Share in the menu on the Left
Step 3: Select Chatbot Widget
Step 4: Copy the Widget Code to your Clipboard
Step 5: Login to GTM and select the website where you want to add the bot
Step 6: Select “Tags” in the menu on the left of the page
Step 7: Click the “New” button in the top right of the page.
Step 8: Click Tag Configuration
Step 9: Select Custom HTML from the menu that appears
Step 10: Paste the Bot Widget Code
Part 2: Trigger set up
Now that the tag has been configured, we can define what triggers cause the tag to be activated.
Step 1: To do this you will first need to click the triggering area
Step 4: Now click the “+” button in the top right of the page to open up the Trigger Configuration Area.
Step 5: Click the Trigger Configuration Area to reveal a menu of all potential events that can trigger the bot widget to appear.
In this tutorial, we will be using the Page View trigger. This trigger will activate your bot widget when a user views certain a certain set of pages that you can define after selecting this trigger.
Step 6: Select Page View to reveal configuration options for the trigger.
By default, the trigger is set to open on “All Page Views.”
Step 7: Since this tutorial is dedicated to show how you can activate the bot only on some pages, go ahead and select the “Some Page Views” option.
Within the Some Page Views configuration, you can define what conditions the user’s viewing behavior should meet before the bot appears on the screen.
In this tutorial we want the bot to only open up when the URL matches the pricing page URL on my site which looks like this:
Step 8: To configure such behavior in the trigger select the Page URL option from the first dropdown
And add a text snippet from the target URL (in this case “hellotars.com/pricing”) in last field and hit Save
Step 9: Hit Submit in the top right of your tag manager console, push your changes and with that, the tag has been completely set up and the bot will only appear on the pricing page!
If you need help setting up or have questions reach out to us on Intercom in the bottom right of the page. We’ll be more than happy to help 😊