Code and frameworks

Add TailGPT to Google Tag Manager

About five minutes, if Google Tag Manager is already on your website.

Before you start

Step 1: Copy your code

Your code is on your chatbot's page in the TailGPT dashboard: open Chatbots, choose your chatbot, and find the Code box. Click Copy code. Until you have a plan the code is blurred, with Subscribe beside it.

It looks like this, with your own key where this one says YOUR_WIDGET_KEY:

<script src="https://app-tailgpt.tailwebs.com/widget.js" data-key="YOUR_WIDGET_KEY"></script>

Copy yours from the dashboard - this example will not work on your site.

Step 2: Create a new tag

Open your container in Google Tag Manager. Click Tags, then New.

Step 3: Paste your code into a Custom HTML tag

Click Tag Configuration and choose Custom HTML. Paste your code into the HTML box.

Step 4: Fire it on all pages

Click Triggering and choose All Pages. Name the tag “TailGPT”, then click Save.

Step 5: Publish

Click Submit, then Publish. Nothing changes on your website until you do: Preview mode shows the tag only to you, never to your visitors.

Check it works

1. Open your website in a private (incognito) window. A logged-in admin view and a cached page can both hide a change.
2. Wait a few seconds for the chat bubble in the corner of the page.
3. Ask it a question your website answers.
4. In the TailGPT dashboard, open Chatbots. Once the bubble has loaded on a page of your website, your chatbot shows Live.

No bubble? Troubleshooting covers the usual reasons.

Stuck?

Start with Troubleshooting. Still stuck? Write to [email protected] with your website's address and the platform it is built on.