feat: use the new ad event parameter

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
  ## [Unreleased]
 
+### Added
+
+- Support for `eventParameters` encoded event parameter for sponsored products.
+
 ## [2.90.10] - 2025-10-23
 
 ### Fixed

react/ProductSummaryCustom.tsx

@@ -16,7 +16,6 @@
 import LocalProductSummaryContext from './ProductSummaryContext'
 import ProductPriceSimulationWrapper from './components/ProductPriceSimulationWrapper'
 import { SponsoredBadge } from './components/SponsoredBadge'
-import getAdsDataProperties from './utils/getAdsDataProperties'
 import { mapCatalogProductToProductSummary } from './utils/normalize'
 import shouldShowSponsoredBadge from './utils/shouldShowSponsoredBadge'
 
@@ -40,7 +39,6 @@
   children,
   href,
   priceBehavior = 'default',
-  placement,
   position,
   classes,
 }: PropsWithChildren<Props>) {
@@ -57,7 +55,7 @@
   const dispatch = useProductSummaryDispatch()
   const { handles } = useCssHandles(CSS_HANDLES, { classes })
   const { getSettings } = useRuntime()
-  
+
   const settings = getSettings('vtex.store')
   const useSemanticHtml = settings?.advancedSettings?.a11ySemanticHtmlMigration
 
@@ -184,11 +182,9 @@
         }`,
       }
 
-  const adsDataProperties = getAdsDataProperties({
-    product,
-    position,
-    placement,
-  })
+  const eventParameters =
+    (product.advertisement as any)?.eventParameters ??
+    product.advertisement?.adId
 
   const showSponsoredBadge = shouldShowSponsoredBadge(
     product,
@@ -219,7 +215,7 @@
             onMouseLeave={handleMouseLeave}
             style={{ maxWidth: PRODUCT_SUMMARY_MAX_WIDTH }}
             ref={inViewRef}
-            {...adsDataProperties}
+            data-van-aid={eventParameters}
           >
             <Link className={linkClasses} {...linkProps}>
               <article className={summaryClasses}>

react/__mocks__/vtex.render-runtime.js

@@ -28,6 +28,6 @@ export const useRuntime = () => {
         }
       }
       return {}
-    }
+    },
   }
 }

react/utils/shouldShowSponsoredBadge.ts

@@ -3,12 +3,18 @@ import {
   SponsoredBadgePosition,
 } from 'vtex.product-summary-context/react/ProductSummaryTypes'
 
+interface NewAdvertisement {
+  eventParameters?: string
+}
+
 const shouldShowSponsoredBadge = (
   product: Product,
   position: SponsoredBadgePosition,
   eligiblePosition: SponsoredBadgePosition
 ) => {
-  const isSponsored = !!product?.advertisement?.adId
+  const isSponsored =
+    !!product?.advertisement?.adId ||
+    !!(product.advertisement as NewAdvertisement)?.eventParameters
   const showSponsoredBadge = isSponsored && position === eligiblePosition
 
   return showSponsoredBadge