Guide d’installation

Faites fonctionner MousePlayer sur votre site en moins de 2 minutes. Aucune configuration lourde n’est nécessaire.

1

Repérez votre propriété

Connectez-vous à votre tableau de bord MousePlayer. Dans la section Vos propriétés, vous verrez la liste des domaines associés à votre compte. Si votre domaine n’a pas encore été configuré, il affiche un badge d’état INSTALLER LE CODE.

Cliquez sur le bouton </> Code situé dans la colonne Actions, à côté du domaine que vous souhaitez suivre.

Tableau de bord MousePlayer affichant les propriétés de l’utilisateur et le bouton Code
2

Copiez l’extrait de code de suivi

Une fenêtre Code d’installation s’affiche à l’écran. Elle contient l’extrait de code JavaScript asynchrone unique généré spécialement pour votre propriété (lié par votre id unique).

Cliquez sur le bouton Copier le code dans le coin supérieur droit du bloc de code pour copier l’extrait dans votre presse-papiers.

Fenêtre Code d’installation affichant l’extrait de code JavaScript
3

Collez le code dans votre site

Ouvrez le code source de votre site ou votre gestionnaire de balises. Collez l’extrait copié directement dans la section <head> de votre HTML, sur toutes les pages où vous souhaitez activer l’enregistrement des sessions et la vue en direct.

<!-- MousePlayer Tracking Code for lukaswojcik.com --> <script> (function(w, d, s, id) { w.mp_channelid = id; var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://www.mouseplayer.com/mp.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'YOUR_UNIQUE_ID_HERE'); </script>
4

Vérifiez l’installation

Enregistrez vos modifications et publiez votre site. Rendez-vous sur votre domaine en ligne et actualisez la page. Revenez au tableau de bord MousePlayer—l’état de votre domaine passera automatiquement de INSTALLER LE CODE à INACTIF, ou affichera des utilisateurs actifs si des visiteurs sont actuellement sur votre site.

Astuce pour les développeurs : CMS & gestionnaires de balises

Si vous utilisez WordPress, vous pouvez coller l’extrait dans le fichier header.php de votre thème ou utiliser une extension comme « Insert Headers and Footers ». Si vous utilisez Google Tag Manager (GTM), créez une nouvelle balise HTML personnalisée, collez-y l’extrait et définissez le déclencheur sur Toutes les pages.