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?
- Otevřete daný prodejní formulář ve FAPI.
- 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).
- 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.
Ve FAPI administraci (v náhledu formuláře) se tyto trackovací kódy nespouštějí.