How to deploy the Bold360 AI widget via GTM?

Google Tag manager (GTM) is a tool designed for easier third-party scripts deployments in your website. It allows developers to keep third party tags (such as Google Analytics or Bold360 AI widget) separated from their own website code.

Prerequisites

If you do not have a GTM account yet, create one at https://tagmanager.google.com. You must have a Gmail hosted email address to do so. Once your account is created, add the Tag Manager script to the page where you want to deploy the widget. It is recommended to use both the body and head snippets that are provided.

Note: If you use arcade or modern skin, follow this tutorial.
  1. In the AI Console, go to Touchpoints > Widgets.
  2. Click Get the code next to the widget type that you want to deploy and copy this code snippet.
    Note: For embedded widgets, you must also add the following HTML snippet to that part of your website's source code where you want to embed the widget:
    <div id="nanorep-embedded-widget"></div>
  3. On your GTM dashboard, go to Tags and click New to create a new tag for the Bold360 AI widget.

  4. Click Tag Configuration and select Custom HTML for tag type.
  5. In the HTML field, insert the widget code snippet that you copied in Step 2.
  6. Click Triggering and select or create a trigger that loads the widget. For example "All Pages" loads the widget on every page of your website where the GTM code is present.

  7. Save your changes.
  8. Optionally, you can preview your changes without making those available to website visitors by clicking Preview in the top-right corner.

    When in Preview mode, accessing your website in the same browser window opens the GTM panel at the bottom of the screen where you can see which tags were fired, which were not, and the reason for failure.

  9. Click Submit in the top-right corner and optionally, type a version name and description for your deployment.
  10. Click Publish.