diff --git a/package-lock.json b/package-lock.json
index 4528beb6..1de28b4e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
"ua-parser-js": "^1.0.37"
},
"devDependencies": {
+ "@beyonk/svelte-facebook-pixel": "^3.0.1",
"@internationalized/date": "^3.5.5",
"@playwright/test": "^1.43.1",
"@rollup/plugin-dynamic-import-vars": "^2.1.2",
@@ -1319,6 +1320,12 @@
"node": ">=6.9.0"
}
},
+ "node_modules/@beyonk/svelte-facebook-pixel": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/@beyonk/svelte-facebook-pixel/-/svelte-facebook-pixel-3.0.1.tgz",
+ "integrity": "sha512-jlUI/RYvHnsnBnkt0O0sjLpHqkAqKsHsNniWgzcScr4P5qPXNjos3MUyLJVifONLaPTxzrUSGpt4BWXE/zw77w==",
+ "dev": true
+ },
"node_modules/@emnapi/runtime": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.0.tgz",
diff --git a/package.json b/package.json
index 25a461e0..c63a9cc3 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
"test:safari": "npx playwright test --headed --project=safari"
},
"devDependencies": {
+ "@beyonk/svelte-facebook-pixel": "^3.0.1",
"@internationalized/date": "^3.5.5",
"@playwright/test": "^1.43.1",
"@rollup/plugin-dynamic-import-vars": "^2.1.2",
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 71cc36e6..b7794248 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -2,6 +2,7 @@
import { numberOfUnreadNotification } from "$lib/store";
import { openLemonSqueezyUrl } from "$lib/lemonsqueezy";
//import Discount from '$lib/components/Discount.svelte';
+ import { FacebookPixel, fb } from "@beyonk/svelte-facebook-pixel";
import { onMount } from "svelte";
//import proTierLogo from "$lib/images/pro_tier_logo.png";
@@ -58,6 +59,11 @@
currency: "USD",
conversion_id: data?.user?.id,
});
+
+ fb.track("Purchase", {
+ value: value, // Replace with actual purchase value
+ currency: "USD", // Replace with your currency code
+ });
} catch (e) {
console.log(e);
}
@@ -136,6 +142,8 @@
+
+