Conversion-Pixel auf WordPress

WordPress benötigt nichts Besonderes — das Styrar-Conversion-Pixel ist nur ein <script>-Tag. Ein Plugin ist nicht unbedingt erforderlich, macht die Verwaltung aber einfacher.

Option A: Theme-Editor

1. Gehen Sie zu Appearance → Theme File Editor → header.php (oder footer.php).

2. Fügen Sie dies direkt vor </head> ein (oder vor </body>, wenn Sie die Footer-Datei verwenden):

   HTML

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

3. Markieren Sie Conversions überall in Ihren Templates oder Inhalten:

   HTML

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

Das direkte Bearbeiten von Theme-Dateien wird bei Theme-Updates überschrieben — nutzen Sie ein Child-Theme oder Option B, wenn Sie Ihr Theme häufig aktualisieren.

Option B: ein Header/Footer-Skripte-Plugin (empfohlen)

1. Installieren Sie ein Plugin wie WPCode oder Insert Headers and Footers.
2. Fügen Sie das gleiche Tag <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> in den Header-Slot des Plugins ein — sitewide oder nur auf der Landingpage, auf die Ihr Kurzlink weiterleitet, beschränkt.
3. Verwenden Sie data-styrar-track-Attribute im Custom-HTML-Block des Block-Editors, oder rufen Sie window.styrar.track(eventName, data) aus einem inline <script> in einem Custom-HTML-Block auf.

WooCommerce-Beispiel

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

Platzieren Sie dies auf Ihrer Bestellbestätigungs- bzw. „Danke"-Seite, mit dem, was Ihr Theme für den Bestellbetrag bereitstellt.

Verwandte Themen

• Conversion-Pixel — vollständige Referenz