Server-Side pour Shopify vs WooCommerce : Les spécificités techniques (et les pièges à éviter)

Dans le paysage e-commerce suisse, deux géants se partagent le marché des PME : Shopify (le SaaS tout-en-un) et WooCommerce (le module open-source sur WordPress).

Pour une agence web, gérer le tracking sur ces deux plateformes demande deux approches radicalement différentes. Ce qui fonctionne sur l'un ne fonctionne pas sur l'autre.

Pire, les récentes mises à jour de Shopify (Checkout Extensibility) ont rendu obsolètes des années de "bricolage" dans le fichier checkout.liquid.

Chez A-Track, nous migrons chaque semaine des boutiques suisses vers le Server-Side. Voici notre comparatif technique et nos recommandations pour ne pas casser la collecte de données, quel que soit le CMS de votre client.

Shopify : La forteresse verrouillée (mais robuste)

Shopify est un environnement fermé. C'est sécurisant, mais cela complique la tâche des ingénieurs data.

Le Grand Changement : Checkout Extensibility

Si vous gérez des boutiques Shopify Plus ou standards, vous devez savoir que l'accès au code du checkout (checkout.liquid) est en train de disparaître.

• Le problème : On ne peut plus coller simplement le script GTM dans le code du checkout.

• La solution : Il faut utiliser les "Customer Events" (Pixels personnalisés) ou des applications tierces qui utilisent l'API Sandbox de Shopify.

L'approche A-Track pour Shopify

Pour mettre en place un Server-Side Tracking fiable sur Shopify, nous utilisons l'application officielle "Stape Server-Side" ou une configuration manuelle via Custom Pixels.

1. DataLayer Natif : L'API de Shopify expose désormais des événements standardisés. Plus besoin de coder un DataLayer à la main.

2. Webhook : Pour garantir 100% des conversions, nous configurons parfois des Webhooks qui envoient la commande au serveur Stape après le paiement, indépendamment du navigateur de l'utilisateur.

3. Le piège des URLs : Shopify utilise un domaine sandbox sécurisé pour les scripts tiers. Cela peut bloquer l'accès aux cookies 1st party si c'est mal configuré.

WooCommerce : La liberté totale (et risquée)

WooCommerce est un plugin WordPress. Vous avez accès à tout le code PHP. C'est le paradis du développeur, mais l'enfer de la maintenance.

L'approche A-Track pour WooCommerce

Ici, pas besoin d'abonnement coûteux. La solution repose sur un plugin gratuit mais puissant : GTM4WP (Google Tag Manager for WordPress).

1. L'intégration GTM4WP : C'est le standard de l'industrie. Il injecte un DataLayer e-commerce GA4 parfait (items, value, currency, tax) sans coder.

2. Le Server-Side : Nous configurons GTM pour envoyer les données à votre conteneur serveur (Stape).

3. Le risque de conflit : Attention aux plugins de cache (WP Rocket) ou d'optimisation JS qui peuvent "casser" l'ordre de chargement du DataLayer. Chez A-Track, nous auditons toujours la compatibilité des plugins.

Le Cauchemar Suisse : Les passerelles de paiement (Twint, PostFinance)

C'est le point commun aux deux CMS, et la cause n°1 des pertes de tracking en Suisse.

Lorsque le client quitte le site pour payer sur l'app Twint ou sur PostFinance, il ne revient pas toujours sur la page "Merci" du site.

• Résultat : L'argent est encaissé, mais GA4 et Facebook ne voient aucune vente.

• Sur Shopify : C'est complexe. Il faut utiliser les notifications serveur (Webhooks) pour valider la vente a posteriori.

• Sur WooCommerce : Certains plugins de paiement (comme ceux de Wallee ou Saferpay) proposent une option "Envoyer les données à GA4 côté serveur". Sinon, nous devons le coder sur mesure.

Comparatif Technique pour les Agences

Le Conseil de l'Expert A-Track

Si votre client est sur Shopify, arrêtez d'essayer de placer vos scripts GTM 'à l'ancienne' dans le thème. Migrez vers les Custom Pixels (Pixels personnalisés) dans les paramètres. C'est la seule méthode pérenne pour trackez le checkout sans être bloqué par les mises à jour de sécurité de Shopify en 2025.