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 @@ + +