This article explains how you can track greenback user behaviour within your own Google Analytics (GA) reports.
🚀 4 easy steps
Contact your Custogmer Success representative to turn on your ‘data layer’ greenback events
Create custom variables to pass data layer values into your Google Tag Manager (GTM)
Create custom tags in your GTM to pass the data to your GA
Create the custom variables in your GA4 to use them in your reports
This guide covers passing all of the available greenback events into your GA, however you can choose to pass only the ones you need
Step 1: Check the data layer is turned on
After your CS rep has confirmed this is now activated, open up Google Chrome browser:
Visit your website page where greenback is loaded, e.g.
Interact with widget
When you have done some interaction, right-click > Inspect (or Ctrl+Shift+I) to open the Chrome Developer tools console
Choose the Console tab, type dataLayer (it’s case sensitive!) and hit Enter, you will now see the fired events:
Depending on what action you performed you will see greenback events fired (full details) for:
greenback.view - fired everytime greenback widget is loaded
greenback.opened - fired everytime someone opened chat window
greenback.1stMessageSent - fired everytime someone sent a first message
greenback.productRecommended - fired everytime products are recommended
greenback.productClick - fired everytime someone clicks on a product
greenback.addToCart - fired if someone adds a product to the cart from the widget
greenback.closed - fired when someone closed the widget
You’re now ready to join this custom data to your GA using GTM.
🖇️ Step 2: Pass greenback data into Google Tag Manager (GTM)
2a. Create the GTM Data Layer Variables
This will allow any GTM tags to use the preezie data variables (as GA4 parameters) in various ways.
First go to your GTM account:
Variables > User-Defined Variables > New
Give it a name of greenback.products
Click Variable Configuration > Data Layer Variable
In Data Layer Variable Name enter greenback.products hit Save
Repeat these 4 steps to create the other 3 data layer variables needed:
Variable name (8 Data Layer Variables) | Data Layer Variable Name | What it captures |
|---|---|---|
greenback.products(array) | greenback.products | The products recommended |
greenback.productid | greenback.product.id | The unique id of the clicked product in the recommended products (as defined by your product feed) |
greenback.position | greenback.product.position | The position the clicked product was ranked in the recommendation products |
greenback.productname | greenback.product.name | The name of the product that was clicked on. |
Now to join the above to Data Layer events, repeat the above steps 4 times but instead use variable type Custom Event - just ensure the variable names match these below:
Variable name (Custom Event) | What it captures |
|---|---|
greenback.view | When the greenback loads |
greenback.opened | When the chat model opened |
greenback.1stMessageSent | When the 1st message sent |
greenback.productRecommended | Products recommended |
greenback.productClick | A click on a product recommendation |
greenback.addToCart | When add-to-cart is performed |
greenback.closed | When widget is closed |
You now have your new variables, they should look like this:
