Conversiepixel op WordPress

WordPress heeft niets speciaals nodig — de Styrar-conversiepixel is gewoon een <script>-tag. Een plugin is niet strikt nodig, al maakt deze het beheer wel makkelijker.

Optie A: theme-editor

1. Ga naar Weergave → Thema-bestandseditor → header.php (of footer.php).

2. Plak dit net voor </head> (of </body> als je het footerbestand gebruikt):

   HTML

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

3. Markeer conversies overal in je templates of content:

   HTML

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

Themabestanden direct bewerken wordt overschreven bij thema-updates — gebruik een childtheme, of optie B, als je je thema vaak bijwerkt.

Optie B: een header/footer-scriptsplugin (aanbevolen)

1. Installeer een plugin zoals WPCode of Insert Headers and Footers.
2. Voeg dezelfde tag <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> toe aan de header-sleuf van de plugin — sitewide, of beperkt tot alleen de landingspagina waar je korte link naar doorverwijst.
3. Gebruik data-styrar-track-attributen in het Custom HTML-blok van de blokeditor, of roep window.styrar.track(eventName, data) aan vanuit een inline <script> in een Custom HTML-blok.

WooCommerce-voorbeeld

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

Plaats dit op je orderbevestigings-/"bedankt"-paginatemplate, met wat je thema beschikbaar stelt voor het ordertotaal.

Verwant

• Conversiepixel — volledige referentie