Jak nastavit FB událost na AddPaymentInfo

Chcete sledovat, kdy si zákazník v prodejním formuláři vybere způsob dopravy? Níže najdete příklad kódu, který tuto interakci zaznamená prostřednictvím vlastní události do analytiky (např. pro Facebook Pixel, Google Analytics 4 apod.).

<script>
(function waitForShippingOptions() {
const interval = setInterval(() => {
const deliveryRadios = document.querySelectorAll('input[name="shipping_method"]');

if (deliveryRadios.length > 0) {
clearInterval(interval);
let fbEventSent = false;
deliveryRadios.forEach(radio => {
radio.addEventListener('change', function () {
if (fbEventSent) {
return;
}

fbq('track', 'AddPaymentInfo', {
currency: 'CZK',
value: 0 // doplnit hodnotu podle potřeby
});

fbEventSent = true;
});
});
}
}, 300);
})();
</script>

Kam kód vložit?

1. Otevřete daný prodejní formulář ve FAPI.
2. V kroku „5 – Děkovací stránka“ přejděte na sekci „Trackovací kódy“ (nejedná se o konverzní kódy, ty patří na děkovací stránku).
3. Vložte upravený skript do této sekce.

Co kód dělá?

• Po načtení stránky se inicializuje posluchač události.
• Ve chvíli, kdy zákazník poprvé zvolí způsob dopravy, odešle událost AddPaymentInfo .
• Pokud zákazník následně změní volbu dopravy, událost se již znovu nespustí – dojde k ní pouze při prvním výběru.

Úprava kódu – co doplnit?

Uvnitř skriptu najdete komentář // doplnit hodnotu podle potřeby .

Zde nahraďte číslo 0 konkrétní částkou, např. value: 500 .

Jak testovat?

Testování je nutné provádět přímo na prodejní stránce, kde je formulář vložen.