Konverzijski piksel na WordPressu

WordPress ne treba ništa posebno - Styrar konverzijski piksel je samo <script> tag. Plugin nije strogo potreban, mada jedan olakšava upravljanje.

Opcija A: uređivač teme

1. Idite na Appearance → Theme File Editor → header.php (ili footer.php).

2. Zalijepite ovo tik prije </head> (ili </body> ako koristite footer datoteku):

   HTML

   <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
   

3. Označite konverzije bilo gdje u vašim predlošcima ili sadržaju:

   HTML

   <button data-styrar-track="signup">Sign up</button>
   

Direktno uređivanje datoteka teme se prepisuje pri ažuriranjima teme - koristite podtemu, ili Opciju B, ako često ažurirate svoju temu.

Opcija B: plugin za header/footer skripte (preporučeno)

1. Instalirajte plugin kao WPCode ili Insert Headers and Footers.
2. Dodajte isti tag <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> u header slot plugina - na cijeloj stranici, ili ograničen samo na landing stranicu na koju vaša kratka poveznica preusmjerava.
3. Koristite data-styrar-track atribute u Custom HTML bloku editora blokova, ili pozovite window.styrar.track(eventName, data) iz inline <script> u Custom HTML bloku.

WooCommerce primjer

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof wc_checkout_params !== 'undefined' && window.location.href.includes('order-received')) {
      window.styrar && window.styrar.track('purchase', { value: <?php echo $order_total; ?> });
    }
  });
</script>

Postavite ovo na predložak stranice potvrde narudžbe / "hvala" stranice, koristeći što god vaša tema izlaže za ukupan iznos narudžbe.

Povezano

• Konverzijski piksel - puna referenca