diff --git a/components/Analytics.tsx b/components/Analytics.tsx
index 32b99853..5d12cb33 100644
--- a/components/Analytics.tsx
+++ b/components/Analytics.tsx
@@ -1,34 +1,63 @@
-import { sendEvent } from "$store/sdk/analytics.tsx";
 import type { AnalyticsEvent } from "apps/commerce/types.ts";
 import { scriptAsDataURI } from "apps/utils/dataURI.ts";
 
-const snippet = (id: string, event: AnalyticsEvent) => {
-  const element = document.getElementById(id);
-
-  if (!element) {
-    return console.warn(
-      `Could not find element ${id}. Click event will not be send. This will cause loss in analytics`,
-    );
-  }
-
-  element.addEventListener("click", () => {
-    console.log(JSON.stringify(event, null, 2));
-    window.DECO.events.dispatch(event);
-  });
-};
-
 /**
  * This function is usefull for sending events on click. Works with both Server and Islands components
  */
 export const SendEventOnClick = <E extends AnalyticsEvent>({ event, id }: {
   event: E;
   id: string;
-}) => <script defer src={scriptAsDataURI(snippet, id, event)} />;
+}) => (
+  <script
+    defer
+    src={scriptAsDataURI(
+      (id: string, event: AnalyticsEvent) => {
+        const elem = document.getElementById(id);
 
-/**
- * This componente should be used when want to send event for rendered componentes.
- * This behavior is usefull for view_* events.
- */
-export const SendEventOnLoad = <E extends AnalyticsEvent>(
-  { event }: { event: E; id?: string },
-) => <script defer src={scriptAsDataURI(sendEvent, event)} />;
+        if (!elem) {
+          return console.warn(
+            `Could not find element ${id}. Click event will not be send. This will cause loss in analytics`,
+          );
+        }
+
+        elem.addEventListener("click", () => {
+          window.DECO.events.dispatch(event);
+        });
+      },
+      id,
+      event,
+    )}
+  />
+);
+
+export const SendEventOnView = <E extends AnalyticsEvent>(
+  { event, id }: { event: E; id: string },
+) => (
+  <script
+    defer
+    src={scriptAsDataURI(
+      (id: string, event: E) => {
+        const elem = document.getElementById(id);
+
+        if (!elem) {
+          return console.warn(
+            `Could not find element ${id}. Click event will not be send. This will cause loss in analytics`,
+          );
+        }
+
+        const observer = new IntersectionObserver((items) => {
+          for (const item of items) {
+            if (!item.isIntersecting) continue;
+
+            window.DECO.events.dispatch(event);
+            observer.unobserve(elem);
+          }
+        });
+
+        observer.observe(elem);
+      },
+      id,
+      event,
+    )}
+  />
+);
diff --git a/components/header/Buttons/Cart/vtex.tsx b/components/header/Buttons/Cart/vtex.tsx
index f51a558d..d6893672 100644
--- a/components/header/Buttons/Cart/vtex.tsx
+++ b/components/header/Buttons/Cart/vtex.tsx
@@ -3,8 +3,12 @@ import Button from "./common.tsx";
 
 function CartButton() {
   const { loading, cart } = useCart();
-  const { totalizers = [], items = [], marketingData, storePreferencesData } =
-    cart.value ?? {};
+  const {
+    totalizers = [],
+    items = [],
+    marketingData,
+    storePreferencesData,
+  } = cart.value ?? {};
   const coupon = marketingData?.coupon ?? undefined;
   const currency = storePreferencesData?.currencyCode ?? "BRL";
   const total = totalizers.find((item) => item.id === "Items")?.value ?? 0;
diff --git a/components/minicart/common/CartItem.tsx b/components/minicart/common/CartItem.tsx
index 7b37f51b..c5203fb0 100644
--- a/components/minicart/common/CartItem.tsx
+++ b/components/minicart/common/CartItem.tsx
@@ -112,11 +112,11 @@ function CartItem(
             await onUpdateQuantity(quantity, index);
 
             if (analyticsItem) {
-              analyticsItem.quantity = diff;
-
               sendEvent({
                 name: diff < 0 ? "remove_from_cart" : "add_to_cart",
-                params: { items: [analyticsItem] },
+                params: {
+                  items: [{ ...analyticsItem, quantity: Math.abs(diff) }],
+                },
               });
             }
           })}
diff --git a/components/product/AddToCartButton/linx.tsx b/components/product/AddToCartButton/linx.tsx
index c613294f..dda8da90 100644
--- a/components/product/AddToCartButton/linx.tsx
+++ b/components/product/AddToCartButton/linx.tsx
@@ -6,7 +6,7 @@ export type Props = Omit<BtnProps, "onAddItem"> & {
   productGroupID: string;
 };
 
-function AddToCartButton({ productGroupID, productID }: Props) {
+function AddToCartButton({ productGroupID, productID, eventParams }: Props) {
   const { addItem } = useCart();
 
   return (
diff --git a/components/product/AddToCartButton/wake.tsx b/components/product/AddToCartButton/wake.tsx
index fcf8af39..725b9ace 100644
--- a/components/product/AddToCartButton/wake.tsx
+++ b/components/product/AddToCartButton/wake.tsx
@@ -1,7 +1,6 @@
 import { useCart } from "apps/wake/hooks/useCart.ts";
 import Button, { Props as BtnProps } from "./common.tsx";
 
-
 export interface Props extends Omit<BtnProps, "onAddItem"> {
   productID: string;
 }
diff --git a/components/product/ProductInfo.tsx b/components/product/ProductInfo.tsx
index 96e8e4b3..ddf3c0b5 100644
--- a/components/product/ProductInfo.tsx
+++ b/components/product/ProductInfo.tsx
@@ -1,4 +1,4 @@
-import { SendEventOnLoad } from "$store/components/Analytics.tsx";
+import { SendEventOnView } from "$store/components/Analytics.tsx";
 import Breadcrumb from "$store/components/ui/Breadcrumb.tsx";
 import AddToCartButtonLinx from "$store/islands/AddToCartButton/linx.tsx";
 import AddToCartButtonShopify from "$store/islands/AddToCartButton/shopify.tsx";
@@ -9,6 +9,7 @@ import OutOfStock from "$store/islands/OutOfStock.tsx";
 import ShippingSimulation from "$store/islands/ShippingSimulation.tsx";
 import WishlistButton from "$store/islands/WishlistButton.tsx";
 import { formatPrice } from "$store/sdk/format.ts";
+import { useId } from "$store/sdk/useId.ts";
 import { useOffer } from "$store/sdk/useOffer.ts";
 import { usePlatform } from "$store/sdk/usePlatform.tsx";
 import { ProductDetailsPage } from "apps/commerce/types.ts";
@@ -29,6 +30,7 @@ interface Props {
 
 function ProductInfo({ page, layout }: Props) {
   const platform = usePlatform();
+  const id = useId();
 
   if (page === null) {
     throw new Error("Missing Product Details Page Info");
@@ -39,14 +41,12 @@ function ProductInfo({ page, layout }: Props) {
     product,
   } = page;
   const {
-    url,
     productID,
     offers,
     name = "",
     gtin,
     isVariantOf,
     additionalProperty = [],
-    brand,
   } = product;
   const description = product.description || isVariantOf?.description;
   const {
@@ -57,26 +57,21 @@ function ProductInfo({ page, layout }: Props) {
     availability,
   } = useOffer(offers);
   const productGroupID = isVariantOf?.productGroupID ?? "";
-  const discount = price && listPrice ? listPrice - price : 0;
   const breadcrumb = {
     ...breadcrumbList,
     itemListElement: breadcrumbList?.itemListElement.slice(0, -1),
     numberOfItems: breadcrumbList.numberOfItems - 1,
   };
 
-  const eventItem = {
-    item_list_id: "product",
-    item_list_name: "Product",
-    ...mapProductToAnalyticsItem({
-      product,
-      breadcrumbList: breadcrumb,
-      price,
-      listPrice,
-    }),
-  };
+  const eventItem = mapProductToAnalyticsItem({
+    product,
+    breadcrumbList: breadcrumb,
+    price,
+    listPrice,
+  });
 
   return (
-    <div class="flex flex-col">
+    <div class="flex flex-col" id={id}>
       <Breadcrumb itemListElement={breadcrumb.itemListElement} />
       {/* Code and name */}
       <div class="mt-4 sm:mt-8">
@@ -126,14 +121,7 @@ function ProductInfo({ page, layout }: Props) {
                 <>
                   <AddToCartButtonVTEX
                     eventParams={{ items: [eventItem] }}
-                    url={url || ""}
-                    name={name}
-                    groupName={isVariantOf?.name ?? ""}
-                    brand={brand?.name ?? ""}
                     productID={productID}
-                    productGroupID={productGroupID}
-                    price={price}
-                    discount={discount}
                     seller={seller}
                   />
                   <WishlistButton
@@ -146,54 +134,27 @@ function ProductInfo({ page, layout }: Props) {
               {platform === "wake" && (
                 <AddToCartButtonWake
                   eventParams={{ items: [eventItem] }}
-                  url={url || ""}
-                  name={name}
-                  groupName={isVariantOf?.name ?? ""}
-                  brand={brand?.name ?? ""}
                   productID={productID}
-                  productGroupID={productGroupID}
-                  price={price}
-                  discount={discount}
                 />
               )}
               {platform === "linx" && (
                 <AddToCartButtonLinx
                   eventParams={{ items: [eventItem] }}
-                  url={url || ""}
-                  name={name}
-                  groupName={isVariantOf?.name ?? ""}
-                  brand={brand?.name ?? ""}
                   productID={productID}
                   productGroupID={productGroupID}
-                  price={price}
-                  discount={discount}
                 />
               )}
               {platform === "vnda" && (
                 <AddToCartButtonVNDA
                   eventParams={{ items: [eventItem] }}
-                  url={url || ""}
-                  name={name}
-                  groupName={isVariantOf?.name ?? ""}
-                  brand={brand?.name ?? ""}
                   productID={productID}
-                  productGroupID={productGroupID}
-                  price={price}
-                  discount={discount}
                   additionalProperty={additionalProperty}
                 />
               )}
               {platform === "shopify" && (
                 <AddToCartButtonShopify
                   eventParams={{ items: [eventItem] }}
-                  url={url || ""}
-                  name={name}
-                  groupName={isVariantOf?.name ?? ""}
-                  brand={brand?.name ?? ""}
                   productID={productID}
-                  productGroupID={productGroupID}
-                  price={price}
-                  discount={discount}
                 />
               )}
             </>
@@ -227,7 +188,8 @@ function ProductInfo({ page, layout }: Props) {
         </span>
       </div>
       {/* Analytics Event */}
-      <SendEventOnLoad
+      <SendEventOnView
+        id={id}
         event={{
           name: "view_item",
           params: {
diff --git a/components/product/ProductShelf.tsx b/components/product/ProductShelf.tsx
index 89d2449c..19f28b53 100644
--- a/components/product/ProductShelf.tsx
+++ b/components/product/ProductShelf.tsx
@@ -1,4 +1,4 @@
-import { SendEventOnLoad } from "$store/components/Analytics.tsx";
+import { SendEventOnView } from "$store/components/Analytics.tsx";
 import ProductCard, {
   Layout as cardLayout,
 } from "$store/components/product/ProductCard.tsx";
@@ -80,7 +80,8 @@ function ProductShelf({
           </div>
         </>
         <SliderJS rootId={id} />
-        <SendEventOnLoad
+        <SendEventOnView
+          id={id}
           event={{
             name: "view_item_list",
             params: {
diff --git a/components/product/ProductShelfTabbed.tsx b/components/product/ProductShelfTabbed.tsx
index a75ddfd8..6729a109 100644
--- a/components/product/ProductShelfTabbed.tsx
+++ b/components/product/ProductShelfTabbed.tsx
@@ -1,4 +1,4 @@
-import { SendEventOnLoad } from "$store/components/Analytics.tsx";
+import { SendEventOnView } from "$store/components/Analytics.tsx";
 import ProductCard, {
   Layout as cardLayout,
 } from "$store/components/product/ProductCard.tsx";
@@ -106,7 +106,8 @@ function TabbedProductShelf({
           </div>
         </>
         <SliderJS rootId={id} />
-        <SendEventOnLoad
+        <SendEventOnView
+          id={id}
           event={{
             name: "view_item_list",
             params: {
diff --git a/components/search/SearchResult.tsx b/components/search/SearchResult.tsx
index 6740236e..4eca0ba1 100644
--- a/components/search/SearchResult.tsx
+++ b/components/search/SearchResult.tsx
@@ -1,8 +1,9 @@
-import { SendEventOnLoad } from "$store/components/Analytics.tsx";
+import { SendEventOnView } from "$store/components/Analytics.tsx";
 import { Layout as CardLayout } from "$store/components/product/ProductCard.tsx";
 import Filters from "$store/components/search/Filters.tsx";
 import Icon from "$store/components/ui/Icon.tsx";
 import SearchControls from "$store/islands/SearchControls.tsx";
+import { useId } from "$store/sdk/useId.ts";
 import { useOffer } from "$store/sdk/useOffer.ts";
 import type { ProductListingPage } from "apps/commerce/types.ts";
 import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalyticsItem.ts";
@@ -42,6 +43,7 @@ function Result({
   const { products, filters, breadcrumb, pageInfo, sortOptions } = page;
   const perPage = pageInfo.recordPerPage || products.length;
   const offset = pageInfo.currentPage * perPage;
+  const id = useId();
 
   return (
     <>
@@ -59,7 +61,7 @@ function Result({
               <Filters filters={filters} />
             </aside>
           )}
-          <div class="flex-grow">
+          <div class="flex-grow" id={id}>
             <ProductGallery
               products={products}
               offset={offset}
@@ -92,13 +94,14 @@ function Result({
           </div>
         </div>
       </div>
-      <SendEventOnLoad
+      <SendEventOnView
+        id={id}
         event={{
           name: "view_item_list",
           params: {
             // TODO: get category name from search or cms setting
-            item_list_name: "",
-            item_list_id: "",
+            item_list_name: breadcrumb.itemListElement?.at(-1)?.name,
+            item_list_id: breadcrumb.itemListElement?.at(-1)?.item,
             items: page.products?.map((product, index) =>
               mapProductToAnalyticsItem({
                 ...(useOffer(product.offers)),
diff --git a/components/search/Searchbar.tsx b/components/search/Searchbar.tsx
index e839c8e7..96dbbb55 100644
--- a/components/search/Searchbar.tsx
+++ b/components/search/Searchbar.tsx
@@ -168,6 +168,7 @@ function Searchbar({
                     product={product}
                     platform={platform}
                     index={index}
+                    itemListName="Suggeestions"
                   />
                 </Slider.Item>
               ))}
diff --git a/components/ui/BannerCarousel.tsx b/components/ui/BannerCarousel.tsx
index 650a3924..864fafe0 100644
--- a/components/ui/BannerCarousel.tsx
+++ b/components/ui/BannerCarousel.tsx
@@ -1,3 +1,7 @@
+import {
+  SendEventOnClick,
+  SendEventOnView,
+} from "$store/components/Analytics.tsx";
 import Button from "$store/components/ui/Button.tsx";
 import Icon from "$store/components/ui/Icon.tsx";
 import Slider from "$store/components/ui/Slider.tsx";
@@ -86,7 +90,9 @@ const DEFAULT_PROPS = {
   preload: true,
 };
 
-function BannerItem({ image, lcp }: { image: Banner; lcp?: boolean }) {
+function BannerItem(
+  { image, lcp, id }: { image: Banner; lcp?: boolean; id: string },
+) {
   const {
     alt,
     mobile,
@@ -96,6 +102,7 @@ function BannerItem({ image, lcp }: { image: Banner; lcp?: boolean }) {
 
   return (
     <a
+      id={id}
       href={action?.href ?? "#"}
       aria-label={action?.label}
       class="relative h-[600px] overflow-y-hidden w-full"
@@ -197,9 +204,8 @@ function Buttons() {
 }
 
 function BannerCarousel(props: Props) {
-  const { images, preload, interval } = { ...DEFAULT_PROPS, ...props };
-
   const id = useId();
+  const { images, preload, interval } = { ...DEFAULT_PROPS, ...props };
 
   return (
     <div
@@ -207,11 +213,27 @@ function BannerCarousel(props: Props) {
       class="grid grid-cols-[48px_1fr_48px] sm:grid-cols-[120px_1fr_120px] grid-rows-[1fr_48px_1fr_64px]"
     >
       <Slider class="carousel carousel-center w-full col-span-full row-span-full gap-6">
-        {images?.map((image, index) => (
-          <Slider.Item index={index} class="carousel-item w-full">
-            <BannerItem image={image} lcp={index === 0 && preload} />
-          </Slider.Item>
-        ))}
+        {images?.map((image, index) => {
+          const params = { promotion_name: image.alt };
+
+          return (
+            <Slider.Item index={index} class="carousel-item w-full">
+              <BannerItem
+                image={image}
+                lcp={index === 0 && preload}
+                id={`${id}::${index}`}
+              />
+              <SendEventOnClick
+                id={`${id}::${index}`}
+                event={{ name: "select_promotion", params }}
+              />
+              <SendEventOnView
+                id={`${id}::${index}`}
+                event={{ name: "view_promotion", params }}
+              />
+            </Slider.Item>
+          );
+        })}
       </Slider>
 
       <Buttons />
diff --git a/components/wishlist/WishlistButton.tsx b/components/wishlist/WishlistButton.tsx
index 9e537b75..452bdf3e 100644
--- a/components/wishlist/WishlistButton.tsx
+++ b/components/wishlist/WishlistButton.tsx
@@ -3,6 +3,7 @@ import Icon from "$store/components/ui/Icon.tsx";
 import Button from "$store/components/ui/Button.tsx";
 import { useWishlist } from "apps/vtex/hooks/useWishlist.ts";
 import { useUser } from "apps/vtex/hooks/useUser.ts";
+import { sendEvent } from "$store/sdk/analytics.tsx";
 
 export interface Props {
   productID: string;
@@ -53,6 +54,17 @@ function WishlistButton({
             await removeItem({ id: listItem.value!.id }!);
           } else if (productID && productGroupID) {
             await addItem({ sku: productID, productId: productGroupID });
+
+            sendEvent({
+              name: "add_to_wishlist",
+              params: {
+                items: [{
+                  item_id: productID,
+                  item_group_id: productGroupID,
+                  quantity: 1,
+                }],
+              },
+            });
           }
         } finally {
           fetching.value = false;
diff --git a/deno.json b/deno.json
index f7b489d0..13bf7aef 100644
--- a/deno.json
+++ b/deno.json
@@ -2,7 +2,7 @@
   "imports": {
     "$store/": "./",
     "deco/": "https://denopkg.com/deco-cx/deco@1.45.7/",
-    "apps/": "https://denopkg.com/deco-cx/apps@0.21.1/",
+    "apps/": "https://denopkg.com/deco-cx/apps@0.21.2/",
     "$fresh/": "https://denopkg.com/denoland/fresh@7ad4610e3a42aba42638cbc1041b96ee58a9b29e/",
     "preact": "https://esm.sh/preact@10.15.1",
     "preact/": "https://esm.sh/preact@10.15.1/",
diff --git a/fresh.config.ts b/fresh.config.ts
index 181992e1..dd0cba3d 100644
--- a/fresh.config.ts
+++ b/fresh.config.ts
@@ -1,13 +1,7 @@
 import { defineConfig } from "$fresh/server.ts";
 import plugins from "https://denopkg.com/deco-sites/std@1.22.0/plugins/mod.ts";
-import partytownPlugin from "partytown/mod.ts";
-import decoManifest from "./manifest.gen.ts";
+import manifest from "./manifest.gen.ts";
 
 export default defineConfig({
-  plugins: [
-    ...plugins({
-      manifest: decoManifest,
-    }),
-    partytownPlugin(),
-  ],
+  plugins: plugins({ manifest }),
 });