Added GA4 Checkout Journey Woocommerce listeners, Bing UETQ tracking …

…update
chrisblakley · Jan 23, 2025 · 461de47 · 461de47
1 parent 42e115d
commit 461de47
Show file tree

Hide file tree

Showing 18 changed files with 54 additions and 24 deletions.
diff --git a/.github/package.json b/.github/package.json
@@ -2,7 +2,7 @@
 	"name": "nebula-wp",
 	"title": "Nebula",
 	"description": "Advanced Starter WordPress Theme for Developers",
-	"version": "12.8.17.564",
+	"version": "12.8.23.408",
 	"homepage": "https://gearside.com/nebula/",
 	"repository": {
 		"type": "git",

diff --git a/Nebula-Child/assets/css/admin.css b/Nebula-Child/assets/css/admin.css
diff --git a/Nebula-Child/resources/sw.js b/Nebula-Child/resources/sw.js
@@ -1,6 +1,6 @@
 //BEGIN automated edits. These will be automatically overwritten.
 const THEME_NAME = 'nebula-child';
-const NEBULA_VERSION = 'v12.8.17.564'; //Friday, January 17, 2025 1:31:49 PM
+const NEBULA_VERSION = 'v12.8.23.408'; //Thursday, January 23, 2025 9:47:36 AM
 const OFFLINE_URL = 'https://nebula.gearside.com/offline/';
 const OFFLINE_IMG = 'https://nebula.gearside.com/wp-content/themes/Nebula-main/assets/img/offline.svg';
 const META_ICON = 'https://nebula.gearside.com/wp-content/themes/Nebula-main/assets/img/meta/android-chrome-512x512.png';

diff --git a/Nebula-Child/style.css b/Nebula-Child/style.css
diff --git a/assets/css/admin.css b/assets/css/admin.css
diff --git a/assets/css/critical.css b/assets/css/critical.css
diff --git a/assets/css/login.css b/assets/css/login.css
diff --git a/assets/css/pre.css b/assets/css/pre.css
diff --git a/assets/js/modules/measure.js b/assets/js/modules/measure.js
@@ -1596,6 +1596,25 @@ nebula.ecommerceTracking = async function(){
 			nebula.crm('event', 'Ecommerce Started Checkout Form');
 		});
 
+		//Note: Google Analytics for Woocommerce plugin does not send "add_shipping_info" nor "add_payment_info" events as of January 2025 so we need to handle those with Nebula here
+		if ( jQuery('#checkout').length ){ //If we are on the Checkout page
+			//Monitor for shipping method selection (for the Checkout Journey report)
+			nebula.dom.document.on('change', '.woocommerce-shipping-fields input, input#ship-to-different-address-checkbox, input[name="shipping_address_1"], input[name="shipping_method"]', function(){
+				gtag('event', 'add_shipping_info');
+			});
+
+			//Monitor for payment method selection (for the Checkout Journey report). Note: Stripe input fields are within an iframe!
+			nebula.dom.document.on('change', '#payment input, input[name="payment_method"]', function(){
+				gtag('event', 'add_payment_info');
+			});
+			nebula.dom.document.on('mouseover', '.payment_methods', function(){ //This helps when iframes exist within the payment methods section
+				nebula.once(function(){
+					gtag('event', 'add_payment_info');
+					nebula.dom.document.off('mouseover', '.payment_methods'); //Remove the listener once it occurs
+				}, 'add payment info');
+			});
+		}
+
 		//Place order button
 		nebula.dom.document.on('pointerdown', '#place_order', function(e){
 			let thisEvent = {
@@ -1836,7 +1855,7 @@ nebula.fbq = function(type='track', eventName='', parameters={}){
 
 //Bing conversion tracking
 nebula.uetq = function(parameters={}){
-	if ( typeof uetq === 'function' ){
+	if ( window.uetq && typeof window.uetq.push === 'function' ){
 		window.uetq.push(parameters);
 	}
 };

diff --git a/assets/js/modules/utilities.js b/assets/js/modules/utilities.js
@@ -445,7 +445,7 @@ nebula.uniqueId = function(prefix='nuid', random=false){
 nebula.once = function(fn, args, unique){
 	nebula.onces = nebula.onces || {};
 
-	if ( typeof args === 'string' ){ //If no parameters
+	if ( typeof args === 'string' ){ //If no parameters, treat it as the unique string
 		unique = args;
 		args = [];
 	}

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -3,7 +3,7 @@
 	Theme URI: https://nebula.gearside.com
 	Description: Nebula is a springboard WordPress theme framework for developers. Like other WordPress startup themes, it has custom functionality built-in (like shortcodes, styles, and JS/PHP functions), but unlike other themes Nebula is not meant for the end-user.
 	Author: Nebula
-	Version: 12.8.17.564
+	Version: 12.8.23.408
 	License: GNU General Public License v2.0 or later
 	License URI: http://www.gnu.org/licenses/gpl-2.0.html
 	Text Domain: nebula

diff --git a/inc/data/nebula_theme.json b/inc/data/nebula_theme.json
@@ -1,5 +1,5 @@
 {
-	"version": "12.8.17.564",
+	"version": "12.8.23.408",
 	"details_url": "https://github.com/chrisblakley/Nebula/commits/main",
 	"download_url": "https://github.com/chrisblakley/Nebula/archive/main.zip"
 	}
diff --git a/inc/data/php_timeline.json b/inc/data/php_timeline.json
@@ -1,4 +1,8 @@
 [{
+	"8.4": {
+		"security": "31 Dec 2026",
+		"end": "31 Dec 2028"
+	},
 	"8.3": {
 		"security": "31 Dec 2025",
 		"end": "31 Dec 2027"