Integrating with Google Analytics

This Justuno support article will cover the Google Analytics & Google Tag Manager app integration.

At a glance:
Introduction
Google Analytics Settings
Google Tag Manager Settings
Justuno Events Passed

Introduction

 

Google Analytics is a platform that collects data from your websites and apps to create reports that provide insights into your business.  With Justuno's Google Analytics App and Google Tag Manager Apps, you can push your Justuno events directly into your GA4 account in real-time.

Google Analytics Settings

---

 

From within your https://portal.justuno.com account, navigate to account settings (top right) > apps and then search for the google analytics app.  Copy your GA4 property tracking ID into the Tracking ID settings field as shown here and click connect.  That's all, your account is now connected and will begin pushing new events into your GA4 account.

 

Google Tag Manager Settings

---

 

From within your https://portal.justuno.com account, navigate to account settings (top right) > apps and then search for the google tag manager app.  Copy your GA4 property tracking ID into the Tracking ID settings field as shown here as well as your GTM container ID and click connect.  That's all, your account is now connected and will begin pushing new events into your GA4 account.

 

 

 

Justuno Events Passed to GA4

---

 

 

// This event is triggered whenever a Justuno design is shown to a visitor

gtag('event', 'design_view', {
  app_name: 'Justuno',
  workflow_name: '{workflow_name}',
  workflow_id: '{workflow_id}',
  design_name: '{design_name}',
  design_id: '{design_id}',
});


// This event is triggered when a user clicks through to a product page 
// from a product suggestion


gtag("event", "select_item", {
  app_name: 'Justuno',
  item_list_id: "{design_id}",
  item_list_name: "{design_name}",
  workflow_name: '{workflow_name}',
  workflow_id: '{workflow_id}',
  design_name: '{design_name}',
  design_id: '{design_id}',
  items: [
    {
      item_id: "{product_sku}",
      item_name: "{product_name}",
      affiliation: "Justuno",
      index: {index_of_item_in_rec_list}
    }
  ]
});


// This event is triggered when a user adds an item to the cart via a 
// product suggestion


gtag("event", "add_to_cart", {
  currency: "{currency_type}",
  value: {lowest_price_shown},
  workflow_name: '{workflow_name}',
  workflow_id: '{workflow_id}',
  design_name: '{design_name}',
  design_id: '{design_id}',
  items: [
    {
      item_id: "{product_sku}",
      item_name: "{product_name}",
      affiliation: "Justuno",
      index: {index_of_item_in_rec_list}
      price: {lowest_price_shown},
      quantity: {qty_added}
    }
  ]
});


// This event is triggered when a discount is shown


gtag('event', 'discount_shown', {
  app_name: 'Justuno',
  workflow_name: '{workflow_name}',
  workflow_id: '{workflow_id}',
  design_name: '{design_name}',
  design_id: '{design_id}',
  discount_name: '{discount_name}',
  discount_id: '{discount_id}',
  discount_code: '{discount_code}',
});


// This event is triggered when a design switches frames


gtag('event', 'switch_to_frame', {
  app_name: 'Justuno',
  workflow_name: '{workflow_name}',
  workflow_id: '{workflow_id}',
  design_name: '{design_name}',
  design_id: '{design_id}',
  element_id: '{element_id}',  // this is the element that was clicked to advance frame
  frame_name: '{frame_name}',
  frame_id: '{frame_id}'
});


// This event is triggered once for each click action that is ran from a cta click.
// action types names will resemble the action types you can add to a 
// cta within the design studio.


gtag('event', 'click_action', {
  app_name: 'Justuno',
  workflow_name: '{workflow_name}',
  workflow_id: '{workflow_id}',
  design_name: '{design_name}',
  design_id: '{design_id}',
  element_id: '{element_id}',
  action_type: '{action_name}'
});