svelte-toolkit/spectator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pixel: don't send events in dev mode without a test code

Browse Source
This commit is contained in:
Elijah Duffy
2025-12-18 10:33:17 -08:00
parent 674663b027
commit 97497db8e4
1 changed files with 39 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/lib/MetaPixel.svelte
View File

@@ -154,10 +154,17 @@ using the MetaPixel component.
*/ */
pageView() { pageView() {
if (!this.consentGuard()) return; if (!this.consentGuard()) return;
window.fbq('track', 'PageView', undefined, { test_event_code: this._testEventCode }); // Send the PageView event
log.debug( if (!dev || this._testEventCode) {
`Meta Pixel [${this._pixelID}] PageView event sent (test code: ${this._testEventCode}).` window.fbq('track', 'PageView', undefined, { test_event_code: this._testEventCode });
); log.debug(
`Meta Pixel [${this._pixelID}] PageView event sent${dev && ` (test code: ${this._testEventCode})`}.`
);
} else {
log.info(
`Meta Pixel [${this._pixelID}] PageView event not sent in development mode without a test event code.`
);
}
} }
/** /**
@@ -166,13 +173,19 @@ using the MetaPixel component.
*/ */
track<K extends StandardEventName>(event: K, params?: EventParamsByName[K], eventID?: string) { track<K extends StandardEventName>(event: K, params?: EventParamsByName[K], eventID?: string) {
if (!this.consentGuard()) return; if (!this.consentGuard()) return;
window.fbq('trackSingle', this._pixelID, event, params, { if (!dev || this._testEventCode) {
eventID, window.fbq('trackSingle', this._pixelID, event, params, {
test_event_code: this._testEventCode eventID,
}); test_event_code: this._testEventCode
log.debug( });
`Meta Pixel [${this._pixelID}] ${event} event sent (test code: ${this._testEventCode}).` log.debug(
); `Meta Pixel [${this._pixelID}] ${event} event sent${dev && ` (test code: ${this._testEventCode})`}.`
);
} else {
log.info(
`Meta Pixel [${this._pixelID}] ${event} event not sent in development mode without a test event code.`
);
}
} }
/** /**
@@ -181,19 +194,25 @@ using the MetaPixel component.
*/ */
trackCustom(event: string, params?: CommonParams & CustomParams, eventID?: string) { trackCustom(event: string, params?: CommonParams & CustomParams, eventID?: string) {
if (!this.consentGuard()) return; if (!this.consentGuard()) return;
window.fbq('trackSingleCustom', this._pixelID, event, params, { if (!dev || this._testEventCode) {
eventID, window.fbq('trackSingleCustom', this._pixelID, event, params, {
test_event_code: this._testEventCode eventID,
}); test_event_code: this._testEventCode
log.debug( });
`Meta Pixel [${this._pixelID}] ${event} custom event sent (test code: ${this._testEventCode}).` log.debug(
); `Meta Pixel [${this._pixelID}] ${event} custom event sent (test code: ${this._testEventCode}).`
);
} else {
log.info(
`Meta Pixel [${this._pixelID}] ${event} custom event not sent in development mode without a test event code.`
);
}
} }
} }
</script> </script>
<script lang="ts"> <script lang="ts">
import { createContext, onMount } from 'svelte'; import { onMount } from 'svelte';
import type { TrackingManager } from './tracking.svelte.ts'; import type { TrackingManager } from './tracking.svelte.ts';
import type { import type {
@@ -208,6 +227,7 @@ using the MetaPixel component.
import { onNavigate } from '$app/navigation'; import { onNavigate } from '$app/navigation';
import { resolveGetter, type MaybeGetter } from './util/getter.ts'; import { resolveGetter, type MaybeGetter } from './util/getter.ts';
import log from 'loglevel'; import log from 'loglevel';
import { dev } from '$app/environment';
interface Props { interface Props {
/** /**