Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-21 14:59:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: include items array in purchase dataLayer (#8339)

Browse Source 
Include GA4-style `items` payload for subscription purchase events so
GTM receives the full item array.

So, to align with GA4's ecommerce standards, we changed it to an items
array:
https://developers.google.com/analytics/devguides/collection/ga4/item-scoped-ecommerce
This commit is contained in:
Benjamin Lu
2026-01-27 13:04:50 -08:00
committed by GitHub
parent 14369c08a3
commit ef8657bb5d
2 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/platform/cloud/subscription/composables/useSubscription.test.ts
View File

@@ -237,10 +237,14 @@ describe('useSubscription', () => {
event: 'purchase', event: 'purchase',
transaction_id: 'sub_123', transaction_id: 'sub_123',
currency: 'USD', currency: 'USD',
item_id: 'monthly_creator', items: [
item_variant: 'monthly', {
item_category: 'subscription', item_id: 'monthly_creator',
quantity: 1 item_variant: 'monthly',
item_category: 'subscription',
quantity: 1
}
]
}) })
expect(localStorage.getItem('pending_subscription_purchase')).toBeNull() expect(localStorage.getItem('pending_subscription_purchase')).toBeNull()
}) })

17
src/platform/cloud/subscription/composables/useSubscription.ts
View File

@@ -121,18 +121,21 @@ function useSubscriptionInternal() {
: baseName : baseName
const unitPrice = getTierPrice(tierKey, isYearly) const unitPrice = getTierPrice(tierKey, isYearly)
const value = isYearly && tierKey !== 'founder' ? unitPrice * 12 : unitPrice const value = isYearly && tierKey !== 'founder' ? unitPrice * 12 : unitPrice
pushDataLayerEvent({ pushDataLayerEvent({
event: 'purchase', event: 'purchase',
transaction_id: status.subscription_id, transaction_id: status.subscription_id,
value, value,
currency: 'USD', currency: 'USD',
item_id: `${billingCycle}_${tierKey}`, items: [
item_name: planName, {
item_category: 'subscription', item_id: `${billingCycle}_${tierKey}`,
item_variant: billingCycle, item_name: planName,
price: value, item_category: 'subscription',
quantity: 1 item_variant: billingCycle,
price: value,
quantity: 1
}
]
}) })
clearPendingSubscriptionPurchase() clearPendingSubscriptionPurchase()