Pixel de conversion sur WordPress

WordPress n'a besoin de rien de spécial — le pixel de conversion Styrar n'est qu'une balise <script>. Aucune extension n'est strictement nécessaire, même si l'une d'elles facilite la gestion.

Option A : éditeur de thème

1. Allez dans Apparence → Éditeur de fichiers du thème → header.php (ou footer.php).

2. Collez ceci juste avant </head> (ou </body> si vous utilisez le fichier de pied de page) :

   HTML

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

3. Marquez les conversions n'importe où dans vos modèles ou votre contenu :

   HTML

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

Modifier directement les fichiers de thème les fait écraser lors des mises à jour de thème — utilisez un thème enfant, ou l'Option B, si vous mettez à jour votre thème fréquemment.

Option B : une extension de scripts d'en-tête/pied de page (recommandé)

1. Installez une extension comme WPCode ou Insert Headers and Footers.
2. Ajoutez la même balise <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> dans l'emplacement d'en-tête de l'extension — sur tout le site, ou limitée à la seule page d'arrivée vers laquelle votre lien court redirige.
3. Utilisez des attributs data-styrar-track dans le bloc HTML personnalisé de l'éditeur de blocs, ou appelez window.styrar.track(eventName, data) depuis un <script> inline dans un bloc HTML personnalisé.

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

Placez ceci sur votre modèle de page de confirmation de commande / « merci », en utilisant ce que votre thème expose pour le total de la commande.

Liens utiles

• Pixel de conversion — référence complète