LogoLogo
DialoX Manual
DialoX Manual
  • Start
    • News
    • Getting Started
    • Ordering
    • Signup
    • Switcher
  • STORE
    • Marketplace Apps
      • Level 1 - Basic
        • Callback Note Basic
        • On-call Router Basic
        • Smart Group Voicemail
        • Smart IVR Basic
        • SMS Call Deflector
        • Survey Basic
      • Level 2 - Advanced
        • Call Deflector
        • Callback Note
        • Order Assistant
        • Smart IVR
        • Survey
        • Website Chat
      • Level 3 - Professional
        • Callback Planner
        • Appointment Planner
    • Legacy Apps
      • Survey Extension
      • Smart IVR Basic
      • Smart IVR 2.0
      • Whatsapp Calldeflector 1.0
      • Whatsapp Calldeflector 2.0
      • Social Inbox 1.0
      • Social Inbox 2.0
      • Basic Group Voicemail
      • Group Voicemail
      • Oncall Assistant
      • Web App
      • Basic Callback Note
      • Callback Note
      • Callback Planner
      • Caller Based Router
    • Skills
      • Base flows
      • Platform defaults
      • Phone flows
      • Chat flows
      • Web flows
      • LLM Flows
      • LLM Knowledge base
      • Address Flows
      • Email flows
      • Timeplans
        • How to add a flow for lunch breaks
      • On-call schedule
      • Planner
      • OAuth Flows
      • Integrations
        • Zendesk
        • Jira
        • Hubspot
  • SETTINGS
    • User Settings
      • Availability settings
      • Profile settings
      • Security
    • App Settings
      • App identity
      • Opening hours
      • Tags
      • Studio
      • Extra options
      • Backups
  • Inbox
    • Inbox
      • Assigning
      • Joining and leaving
      • Sending messages
      • Canned responses
      • Team chat
      • Watching
      • Close
      • Filter conversations
      • Multiple inboxes
    • Contacts
    • Notes
    • Today
    • Notifications
      • Notification panel
      • Notification preferences
      • Rules for notification
      • Chrome and Windows settings
      • Microsoft Teams notifications
  • Studio
    • Home
      • Customer settings
        • Settings
        • Advanced settings
        • Store settings
      • Audit Log
      • Access Request
    • Dashboard
    • Flows
      • Playbook
      • Triggers
      • Variables
      • Conditions
      • Tags
      • Languages
      • Links
      • Nodes
        • Say
        • Ask: Open
        • Ask: Choice
        • Ask: Single
        • Ask: Date
        • Ask: Name
        • Ask: Phone
        • Ask: Email
        • Ask: Form
        • Ask: Language
        • Ask: Selection
        • Ask: Time
        • Ask: Audio
        • Ask: Number
        • Ask: Custom entity
        • Ask: Address
        • Ask: Zipcode
        • Iterate
        • Iterate: LLM
        • Say: LLM
        • Say: LLM Knowledgebase
        • Iterate: LLM Knowledgebase
        • Iterate: continue
        • Show: audio
        • Show: whatsapp link
        • Show: image
        • Show: video
        • Show: file
        • Show: location
        • Control flow: branch
        • Control flow: go to flow
        • Control flow: switch language
        • Control flow: close
        • Control flow: restart
        • Control flow: pause
        • Control flow: invoke dialog
        • Dial: number
        • Dial: smart
        • Send: note
        • Send: email
        • Send: SMS
        • Send: whatsapp
        • Escalate: default
        • Escalate: smart
        • Perform: create jira ticket
        • Perform: get jira ticket
        • Plan
    • AI
      • Intents
        • LLM Intents
        • Q&A Intents
      • Knowledge bases
      • Prompts
    • Channels
      • Chatwidget
      • Whatsapp
        • How to integrate Whatsapp
        • How to change my Whatsapp profile
        • How to manage Whatsapp templates
        • How to send Whatsapp template with documents
        • How to automate outbound Whatsapp
        • How to send Whatsapp template
        • How to use Commerce Catalog
        • Whatsapp for Business
      • MS Teams
        • How to migrate new Version
        • How to change channel connection
      • Facebook Messenger
      • Phone
      • Progressive Web App (PWA)
    • Content
      • Nudges
      • Whatsapp optout
      • Voice lexicon
      • FAQs
      • Calendars
    • Visitors
    • Calendars
    • Campaigns
    • Conversations
    • Notes
    • Contacts
  • ADMINISTRATION
    • Organisation
    • Bots
    • Licenses
    • Channels
    • Orders
    • Usage
    • Users
    • Access Requests
    • Analytics
  • DESKTOP
    • Enreach Contact Desktop
  • FAQ
    • Studio
      • How to Publish
      • How to make 2FA Required
      • How to add additional columns to contactlist
      • Conversation retention time
      • How to help the bot pronounce phone numbers correctly
      • How to help the bot pronounce loose numbers correctly
    • Flow Topics
      • Skipping step based on language tag
      • Switching language using intent trigger
    • Meta
      • How to get Meta Business Suite Verification
      • How to connect Facebook page to Facebook Business Account
    • 360Dialog
      • How to give permission API access
      • How do I change my profile in 360Dialog
      • How to make 360dialog templates
      • How do I terminate my number in 360Dialog
    • Bubblescript
      • How to add a custom button
      • How to change the email template
    • Operator
      • Where are my CDRs?
      • Onboarding required
    • Google Tag Manager
    • Platform
      • Network Security Policies
    • Make
Powered by GitBook
On this page
  • Get google tag manager
  • Add a custom tag
  • Step 1 Add tag configuration
  • Step 2 Triggering
  • Submit your tag

Was this helpful?

Export as PDF
  1. FAQ

Google Tag Manager

How to include the DialoX chat widget using Google Tag Manager

PreviousOnboarding requiredNextPlatform

Last updated 1 year ago

Was this helpful?

When you are managing multiple third party tags and scripts on your website, it might be a good idea to start using a service to keep track of them easily. Google Tag manager is one of those services.

This page explains how to use Google Tag manager to expose the DialoX chat widget on your website.

Get google tag manager

First make sure you have an account to goolge tag manager. For this, go to:

After you've signed up, you will receive two HTML snippets that you need to incorporate in your website according the instructions provided by google.

When you are using a CMS like Wordpress or Wix, you don't need to worry about applying these snippets to your HTML code. You only need to make sure the plugin or widget you are using is connected to your Google Tag manager account.

Add a custom tag

When you have an account to google tag manager and implemented Google Tag manager on your website, you can now start adding services to is, like the DialoX web widget. You can do this by adding a custom tag.

Go to your overview page and click on "Add a new tag"

Google will open the following page in which you will need to provide two pieces of information:

  1. Tag configuration

  2. Triggering

Step 1 Add tag configuration

Click on Tag Configuration and select Custom HTML in the list on the next form:

Now go to the Channels page in the DialoX studio and click on Web Widget. Here you can find the Web Widget snippet. Copy it to your clipboard:

Now go back to the Google Tag manager page that you just opened, paste and save the snippet in there and continue with step 2.

Step 2 Triggering

Now open the triggering page and select All Pages to have the Chat widget on all pages of your website.

Submit your tag

Now you've configured your tag you first need to submit it before it becomes active on your website.

For this click on the submit button on the overview page in Tag Manager.

Now give your version a descriptive name and click on the Submit button:

Now go to your website and check it. It should now show the web widget icon you configured for your website in the right lower corner of your website.

https://tagmanager.google.com/tagmanager.google.com
Example of the instructions google provide to you when signing up
Add a new tag in Google Tag Manager
Choose Custom HTML
Copy the Javascript snipplet into your clipboard
Select the triggering method
Submit your widget
Submit a new version of your tag