Install the ZapClaw chat widget with Google Tag Manager

In short: in Google Tag Manager, create a Custom HTML tag that holds the widget snippet, fire it on all pages and publish the container. Use this when Tag Manager is already on your site and you would rather not touch the site's code.

Before you start

Create the tag

<script async src="https://chat.zapclaw.app/loader.js" data-widget-id="YOUR_WIDGET_ID"></script>

Copy the exact snippet of your widget from the Agents area of the dashboard. The id above is a placeholder: yours is different.

  1. In Tag Manager, open your container and choose Tags, then New.
  2. Name it, for example ZapClaw chat widget. Under Tag Configuration choose Custom HTML.
  3. Paste the snippet in the HTML box and leave Support document.write off.
  4. Under Triggering choose All Pages. To show the chat on some pages only, use a trigger that matches just those addresses.
  5. Save the tag, then choose Preview and open your site. Check that the tag fired and that the bubble appears.
  6. Choose Submit, then Publish. Until you publish, visitors see nothing.

The names of Tag Manager's buttons depend on the language of your Google account and change over time; the steps follow its Custom HTML tag, which has kept the same shape.

The widget sets no cookie and tracks nothing, so you can choose to fire it without waiting for analytics or marketing consent. That is your decision, with whoever handles your privacy compliance.

If your setup holds back every tag until a visitor accepts, this tag is held back too, and the bubble appears only after acceptance.

If the bubble does not appear

Visitors and signed-in users

On this platform the widget runs anonymous. It answers from the knowledge bases you marked public, collects a contact and hands the case to a person. What anonymous mode means.

Other install guides

Put your agent on your website

Build and publish your agent in the dashboard, then paste the snippet.

About ZapClaw Agents