Adding Glia and omni-browse with GTM

Note: This article assumes you have already setup your Glia account. If you need assistance with that process, please consult Glia Support

Salemove (Glia)

1. Create a tag called Glia Chat with the following settings. Note: if using the co-browse steps below, the trigger must fire on all pages Image 2024-02-15 at 9.20.39 AM.jpg



Since Wordpress does not allow custom data attributes to be applied to elements in most cases, we need to add a bit of javascript that binds the event HTML classes. 

To do this, you'll need to create both a Tag in GTM, and a custom Trigger.


The Tag

Create an html tag called Glia Co-browse with the  following content

// this script creates the sm-visitor-code element when a link is clicked
let omni = document.querySelector('.omnibrowse-code-button a')
if (omni !== null) {
omni.addEventListener('click', function(e){
var code = document.createElement('sm-visitor-code');

Open the advance settings, and make the changes below. Note: you must set up the tag sequencing correctly, or the Tag will not fire. 
Image 2024-02-15 at 9.17.24 AM.jpg

The Trigger

When selecting your trigger, you'll need to create a trigger that fires after the page is fully loaded. For information on triggers, see

1. Create new trigger called DOM Ready apply the following settings 


Image 2024-02-15 at 9.18.54 AM.jpg


Create the menu item in Wordpress

The last step is to create menu item in your footer to fire the co-browse tag. 

1. Go to Appearance -> Menus
2. Select a footer menu. See Fig 1
3. enable CSS classes. See Fig 2
4. create a new "custom link" menu item with the class "omnibrowse-code-button" and the URL "#" See Fig 3
5. Click "Save"


Fig 1

Image 2024-02-15 at 9.48.41 AM.jpg

Fig 2

Image 2024-02-15 at 9.27.32 AM.jpg

Fig 3

Image 2024-02-15 at 9.29.13 AM.jpg




Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.