Guides d’installation

Installer sur un site HTML

Une balise dans le <head> de chaque page. Elle fonctionne aussi bien avec du HTML écrit à la main qu’avec un générateur de site statique ou des gabarits rendus côté serveur.

Ajoutez la balise script

Collez la balise dans le <head> de chaque page, avant la balise de fermeture. Remplacez la clé d’écriture par celle de votre panneau d’installation.

À ajouter sur chaque pageHTML

<script defer
  src="https://cdn-stg.webmetric.io/v1/b.js"
  data-key="wm_w_your_write_key"
  data-host="https://in-stg.webmetric.io"></script>

defer télécharge le script en parallèle et l’exécute une fois la page analysée : il ne bloque jamais l’affichage. Il pèse 5,1 Ko compressé.

Gabarits partagés

Si vos pages partagent une mise en page, un en-tête inclus ou un gabarit de base, ajoutez-y la balise une seule fois. Hugo, Jekyll, Eleventy, Astro et la plupart des frameworks serveur en ont un.

Options

Vous modifiez le comportement du traceur avec des attributs data- sur la même balise. Celle-ci désactive la relecture de session sur la page et masque deux éléments de plus :

Avec des optionsHTML

<script defer
  src="https://cdn-stg.webmetric.io/v1/b.js"
  data-key="wm_w_your_write_key"
  data-host="https://in-stg.webmetric.io"
  data-replay="false"
  data-mask=".account-number, #address"></script>

Chaque attribut figure dans la référence du SDK.

Vérification

Chargez une page de votre site, puis ouvrez la vue d’ensemble. Le panneau d’installation confirme le premier événement. Si rien n’arrive, consultez le dépannage.