Google Tag Manager

Step 1: Sign into Google #

Sign in to your Google account associated with Google Tag Manager.

Step 2: Access Your Dashboard #

Visit the ChatCloser Dashboard to find your unique embedding script.

Step 3: Find and Copy Your Code #

In the "Add to Website" section of the dashboard, click the "Copy" button to copy the script to your clipboard.

<script src="https://static.chatcloser.ai/widget.js defer"></script>
<chat-widget agentId="YOUR_UNIQUE_CHAT_ID"></chat-widget>

Step 4: Navigate to Google Tag Manager #

Open Google Tag Manager and select your website's container.

Step 5: Create a New HTML Tag #

1. Click on "Tags" in the left sidebar
2. Click the "New" button to create a new tag
3. Click on "Tag Configuration"
4. Select "Custom HTML" as the tag type
5. Paste the ChatCloser code you copied earlier into the HTML field

<script src="https://static.chatcloser.ai/widget.js defer"></script>
<chat-widget agentId="YOUR_UNIQUE_CHAT_ID"></chat-widget>

Step 6: Configure the Trigger #

1. Click on "Triggering"
2. Select "All Pages" if you want the chatbot to appear on all pages of your website
3. Alternatively, create a custom trigger if you want the chatbot to appear only on specific pages

Step 7: Save and Publish #

1. Click the "Save" button
2. Click "Submit" to submit your changes
3. Add a version name and description (e.g., "Added ChatCloser chatbot")
4. Click "Publish" to make your changes live

Step 8: Verify the Installation #

Visit your website to confirm the ChatCloser widget appears correctly. It may take a few minutes for the changes to propagate.

If you don't see the chatbot, you can use Google Tag Manager's Preview mode to debug the issue:

1. In Google Tag Manager, click "Preview"
2. Enter your website URL and click "Start"
3. Check if your ChatCloser tag is firing correctly

Troubleshooting #

If you're experiencing issues, ensure that:

• You've correctly pasted the full ChatCloser script without modifications
• Your Google Tag Manager container is properly installed on your website
• There are no JavaScript errors in your browser console
• You haven't implemented any content security policies that block the ChatCloser script
• You don't have conflicting tag manager code

Congrats! 🎉 #

You've successfully added ChatCloser to your site! Now you can engage visitors through intelligent, real-time conversations.

For more information about GTM and its features, check out this excellent article: Beginners Guide to Google Tag Manager