Aller au contenu principal
Zenovay
Gratuit3 minutesDébutant

Intégration Squarespace

Ajoutez Zenovay Analytics à votre site Squarespace via Settings → Advanced → Code Injection → Header. Nécessite le plan Business ou supérieur.

squarespacecmsno-codeintegrationtracking-script
Dernière mise à jour :

Ajoutez Zenovay à votre site Squarespace via le panneau Code Injection. Cela fonctionne sur tous les templates Squarespace et c'est l'approche prise en charge pour tout tag d'analytics ou de marketing.

Code Injection nécessite un plan Business ou supérieur (23 $/mois+). Les plans Personal n'exposent pas Code Injection.

Démarrage rapide

  1. Copiez votre snippet de suivi depuis le tableau de bord Zenovay.
  2. Dans votre admin Squarespace, ouvrez Settings → Advanced → Code Injection.
  3. Collez le snippet dans Header.
  4. Cliquez sur Save en haut du panneau.

Installation

Code Injection pour tout le site (recommandée)

  1. Connectez-vous à votre admin Squarespace.
  2. Dans le menu principal, cliquez sur Settings.
  3. Faites défiler vers le bas et cliquez sur Advanced.
  4. Cliquez sur Code Injection.
  5. Collez ce snippet dans le champ Header :
<script defer data-tracking-code="YOUR_TRACKING_CODE" src="https://api.zenovay.com/z.js"></script>
  1. Cliquez sur Save en haut du panneau.

Code Injection par page

Pour ne suivre que des pages spécifiques :

  1. Survolez la page dans le panneau Pages.
  2. Cliquez sur l'icône d'engrenage → Page Settings.
  3. Ouvrez l'onglet Advanced.
  4. Collez le snippet dans Page Header Code Injection.
  5. Sauvegardez.

Le code par page est ajouté après le code à l'échelle du site. Ne collez pas dans les deux portées.

Vérifier votre installation

  1. Ouvrez votre site en ligne dans une fenêtre de navigation privée.
  2. Consultez le code source et recherchez <script defer data-tracking-code=...> dans le <head>.
  3. Vérifiez la vue en temps réel Zenovay — votre visite apparaît en ~30 secondes.

Suivi des achats Squarespace Commerce

Pour les boutiques Squarespace Commerce, ajoutez un événement d'achat sur la page de confirmation de commande :

  1. Allez dans Settings → Advanced → Code Injection.
  2. Collez dans le champ Order Confirmation Page (pas le Header habituel) :
<script>
  document.addEventListener('DOMContentLoaded', () => {
    const orderId = document.querySelector('[data-order-id]')?.dataset.orderId
                 || window.location.pathname.split('/').pop();
    const total = document.querySelector('.order-total .price')?.textContent;
    const revenue = parseFloat((total || '').replace(/[^0-9.]/g, ''));
    if (window.zenovay && revenue > 0) {
      window.zenovay('track', 'purchase', {
        transaction_id: orderId,
        revenue,
        currency: 'USD',
      });
    }
  });
</script>

Pour une meilleure précision, utilisez plutôt des webhooks Stripe côté serveur.

Suivi des soumissions de formulaires

Les formulaires natifs Squarespace émettent des événements submit standard :

<script>
  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('form[data-form-id]').forEach(form => {
      form.addEventListener('submit', () => {
        window.zenovay?.('track', 'form_submitted', {
          form_id: form.getAttribute('data-form-id'),
        });
      });
    });
  });
</script>

Identifier les membres Squarespace

Si vous utilisez Squarespace Member Areas :

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const ctx = window.SquarespaceMemberAccountContext?.context;
    if (ctx?.memberId && window.zenovay) {
      window.zenovay('identify', {
        user_id: ctx.memberId,
        email: ctx.emailAddress,
      });
    }
  });
</script>

Dépannage

Pas de données, "Code Injection" n'est pas visible. Vous êtes sur un plan Personal. Passez à Business (23 $/mois) ou supérieur.

Snippet collé mais pas de données. Assurez-vous d'avoir cliqué sur Save en haut du panneau Code Injection — Squarespace ne sauvegarde pas automatiquement ce champ.

Pas de données sur les articles de blog. Squarespace sert des variantes AMP sur les articles de blog (/?format=amp). AMP supprime les scripts arbitraires. Désactivez AMP dans Settings → Marketing → SEO ou acceptez l'écart AMP.

Pages vues en double sur les templates Brine/Native. Quelques anciens templates utilisent des transitions de page AJAX. Appelez manuellement window.zenovay('page') depuis un écouteur popstate si vous constatez des vues sous-comptées.

Exigences du plan

PlanCode InjectionÉvénements Commerce
Personal
Business⚠️ Limité
Basic Commerce
Advanced Commerce✅ + panier abandonné

Confidentialité

Pour un suivi sans cookies, ajoutez data-cookieless="true" :

<script defer
        data-tracking-code="YOUR_TRACKING_CODE"
        data-cookieless="true"
        src="https://api.zenovay.com/z.js"></script>

Prochaines étapes

Cet article vous a-t-il aidé ?