From f8bb4e7f520b82ab3bcdcc21bca40227cfd4a980 Mon Sep 17 00:00:00 2001
From: Edmond Lang <edmond_wuiming@hotmail.com>
Date: Wed, 10 Dec 2025 00:15:29 +0800
Subject: [PATCH] fb gtag update

---
 .../forms/RegistrationFormComponent.vue       | 12 ++++++++++++
 .../forms/confirmBookingComponent.vue         | 14 ++++++++++++++
 resources/assets/vue/utils/tracking.js        | 13 +++++++++++++
 .../views/pages/payments_redirect.blade.php   | 19 ++++++++++++++++++-
 4 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 resources/assets/vue/utils/tracking.js

diff --git a/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue b/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
index d6f05b1b..a046a7eb 100644
--- a/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
+++ b/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
@@ -169,6 +169,7 @@
 </template>
 <script>
     import registrationFormValidation from '../../../general/mixins/accounts/validation/registrationFormValidation'
+    import { track } from '../../../utils/tracking';
     export default {
         data() {
             return {
@@ -205,6 +206,17 @@
             },
             submitForm(){
                 this.step === 2 ? this.submit(this.route('api.account.registration.register'), 'post', 'registrationSection', false, false) : this.changeStep('next');
+            },
+            successHandler(response){
+                // fire to gtag manager for fb pixel tracking: CompleteRegistration
+                track('exchange_complete_registration', {
+                    content_name: this.parameters.type === 1 ? 'Company' : 'Personal',
+                    currency: 'MYR'
+                });
+                
+                // Call parent success handler logic from authenticationHandler mixin
+                this.formHandler('');
+                this.$store.dispatch('userAuthentication', {access_token: response.payload.access_token, redirect_url: response.payload.redirect_url});
             }
         },
         mixins: [registrationFormValidation]
diff --git a/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue b/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
index d0a92e59..c2c0afca 100644
--- a/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
@@ -11,6 +11,7 @@
 
 <script>
     import ModalFormHandler from '../../../general/mixins/modalFormHandler';
+    import { track } from '../../../utils/tracking';
     export default {
         props:{
             order_reference_no: {
@@ -26,6 +27,12 @@
         },
         methods: {
             submitForm(){
+                // fire to gtag manager for fb pixel tracking: AddToCart — fired when the user clicks Confirm Order (user intent, OK even if API fails)
+                track('exchange_add_to_cart', {
+                    value: this.data.amount,
+                    currency: 'MYR'
+                });
+
                 this.parameters = {
                     company_id: this.data.company.id,
                     type: this.data.type,
@@ -42,6 +49,13 @@
                 this.submit(route('api.booking.create'), 'post', this.section, true, true)
             },
             successHandler(response){
+                // fire to gtag manager for fb pixel tracking: InitiateCheckout — booking created
+                track('exchange_checkout', {
+                    value: this.data.amount,
+                    currency: 'MYR',
+                    booking_id: response.payload.data.marking
+                });
+
                 window.location.href = this.route('booking.details', response.payload.data.marking)
 
             }
diff --git a/resources/assets/vue/utils/tracking.js b/resources/assets/vue/utils/tracking.js
new file mode 100644
index 00000000..a14b0318
--- /dev/null
+++ b/resources/assets/vue/utils/tracking.js
@@ -0,0 +1,13 @@
+// resources/assets/vue/utils/tracking.js
+export function track(event, payload = {}) {
+    if (typeof window === 'undefined') return;
+
+    // console.log('tracking', event, payload);
+  
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+      event,
+      ...payload,
+    });
+  }
+  
\ No newline at end of file
diff --git a/resources/views/pages/payments_redirect.blade.php b/resources/views/pages/payments_redirect.blade.php
index e7f98d9c..c7e198fe 100644
--- a/resources/views/pages/payments_redirect.blade.php
+++ b/resources/views/pages/payments_redirect.blade.php
@@ -103,4 +103,21 @@
 
         </div>
     </div>
-@endsection
\ No newline at end of file
+@endsection
+
+@push('scripts')
+    @if($status === 2 && isset($transaction) && $transaction)
+        <script>
+            (function() {
+                // fire to gtag manager for fb pixel tracking: exchange_purchase
+                window.dataLayer = window.dataLayer || [];
+                window.dataLayer.push({
+                    event: 'exchange_purchase',
+                    transaction_id: @json($transaction->payment_reference ?? ''),
+                    value: {{ (float)($transaction->amount ?? 0) }},
+                    currency: 'MYR'
+                });
+            })();
+        </script>
+    @endif
+@endpush
\ No newline at end of file