diff --git a/webapp/src/components/account/PassCard.tsx b/webapp/src/components/account/PassCard.tsx
index 2697aef2..abe07d4a 100644
--- a/webapp/src/components/account/PassCard.tsx
+++ b/webapp/src/components/account/PassCard.tsx
@@ -14,12 +14,15 @@ import { useAuth } from "~/providers/Auth";
import NewPassComponent from "../NewPassComponent";
import Image from "next/image";
import LoadingLoader from "../LoadingLoader";
+import { push } from "@socialgouv/matomo-next";
+import { OfferIncluded } from "~/server/api/routers/offer";
type PropsPassCard = {
isPage: boolean;
+ offer?: OfferIncluded;
};
-const PassCard = ({ isPage }: PropsPassCard) => {
+const PassCard = ({ isPage, offer }: PropsPassCard) => {
const { user } = useAuth();
const {
@@ -94,6 +97,14 @@ const PassCard = ({ isPage }: PropsPassCard) => {
)}
{
+ if (!isPage)
+ push([
+ "trackEvent",
+ "Offre",
+ `${offer?.partner.name} - ${offer?.title} - Active - Présenter ma carte CJE`,
+ ]);
+ }}
pointerEvents={isPage ? "none" : "auto"}
tabIndex={isPage ? -1 : 0}
aria-disabled={!isPage}
diff --git a/webapp/src/components/offer/StepsButtons.tsx b/webapp/src/components/offer/StepsButtons.tsx
index 7672b4e9..448e49aa 100644
--- a/webapp/src/components/offer/StepsButtons.tsx
+++ b/webapp/src/components/offer/StepsButtons.tsx
@@ -49,21 +49,14 @@ const StepsButtons = ({
push([
"trackEvent",
"Offre",
- `${offer.partner.name}`,
- `${offer.title}`,
- "Inactive",
- "J'active mon offre",
- "J'ai compris",
+ `${offer.partner.name} - ${offer.title} - Inactive - J'active mon offre - J'ai compris`,
]);
setActiveStep(activeStep + 1);
} else if (handleValidate) {
push([
"trackEvent",
"Offre",
- `${offer.partner.name}`,
- `${offer.title}`,
- "Inactive",
- "J'active mon offre - Validation",
+ `${offer.partner.name} - ${offer.title} - Inactive - J'active mon offre - Validation`,
]);
setIsValidating(true);
handleValidate().then(() => setIsValidating(false));
@@ -80,11 +73,11 @@ const StepsButtons = ({
push([
"trackEvent",
"Offre",
- `${offer.partner.name}`,
- `${offer.title}`,
- "Inactive",
- "J'active mon offre",
- `Cette offre ne m'intéresse pas ${activeStep === count ? "2" : ""}`,
+ `${offer.partner.name} - ${
+ offer.title
+ } - Inactive - J'active mon offre - Cette offre ne m'intéresse pas ${
+ activeStep === count ? "2" : ""
+ }`,
]);
handleOnClose();
}}
diff --git a/webapp/src/components/wrappers/CouponWrapper.tsx b/webapp/src/components/wrappers/CouponWrapper.tsx
index 14d6e234..4242e1da 100644
--- a/webapp/src/components/wrappers/CouponWrapper.tsx
+++ b/webapp/src/components/wrappers/CouponWrapper.tsx
@@ -53,10 +53,7 @@ const CTAButton = ({
push([
"trackEvent",
"Offre",
- offer.partner.name,
- offer.title,
- "Active",
- "Aller sur le site",
+ `${offer.partner.name} - ${offer.title} - Active - Aller sur le site`,
]);
handleOpenExternalLink();
}}
@@ -79,7 +76,7 @@ const CTAButton = ({
Ma carte CJE
-