Pixel di conversione su WordPress

WordPress non ha bisogno di nulla di speciale — il pixel di conversione Styrar è semplicemente un tag <script>. Non è strettamente richiesto alcun plugin, anche se uno rende la gestione più semplice.

Opzione A: editor del tema

1. Vai su Apparenza → Editor file tema → header.php (o footer.php).

2. Incolla questo appena prima di </head> (o </body> se usi il file footer):

   HTML

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

3. Contrassegna le conversioni ovunque nei tuoi template o contenuti:

   HTML

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

Modificare direttamente i file del tema viene sovrascritto agli aggiornamenti del tema — usa un tema child, oppure l'Opzione B, se aggiorni spesso il tuo tema.

Opzione B: un plugin per script header/footer (consigliato)

1. Installa un plugin come WPCode o Insert Headers and Footers.
2. Aggiungi lo stesso tag <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> allo slot header del plugin — sull'intero sito, o limitato solo alla pagina di destinazione verso cui reindirizza il tuo link breve.
3. Usa attributi data-styrar-track nel blocco HTML personalizzato dell'editor a blocchi, oppure chiama window.styrar.track(eventName, data) da uno <script> inline in un blocco HTML personalizzato.

Esempio WooCommerce

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

Posiziona questo sul template della pagina di conferma ordine / "grazie", usando qualsiasi cosa il tuo tema esponga per il totale dell'ordine.

Correlati

• Pixel di conversione — riferimento completo