Trouvez votre code de suivi dans votre vue d'ensemble Hotjar.
Chaque site que vous ajoutez à votre compte Hotjar aura son propre code de suivi unique à installer. Vous pouvez trouver votre code de suivi à installer en allant sur Sites & Organisations et en cliquant sur le bouton Code de suivi à côté de l'URL du site.
Collez le code de suivi Hotjar à l'intérieur d'un modèle Smarty (.tpl).
Le modèle spécifique variera en fonction de la configuration de votre projet Smarty. Le fichier de modèle devrait être celui qui sera appliqué sur l'ensemble de votre site, tel que header.tpl.
Ajoutez des balises {literal} à l'intérieur des balises <script> du code de suivi.
Au lieu d'être à l'intérieur des balises de script, le code de suivi doit être placé à l'intérieur des balises {literal}{/literal} :
<script type="text/javascript">
{literal}
(function(h,o,t,j,a,r){
/* ... reste du code de suivi hotjar ... */
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
{/literal}
</script>
Le code de suivi Hotjar doit avoir des balises {literal} placées autour du script
Sans les balises littérales, votre site affichera uniquement une page blanche vide.
Votre code de suivi Hotjar est maintenant installé.
Une fois que vous avez ajouté le code de suivi Hotjar à votre site, vous devrez attendre quelques minutes pour que Hotjar vérifie s'il est correctement installé. Cela se produit généralement au moment où votre site est chargé avec le code de suivi Hotjar - vous pouvez visiter la page vous-même pour accélérer le processus. Une fois que Hotjar a détecté le code de suivi sur votre site, le tableau de bord du site affichera un avis comme celui ci-dessous :
Gardez à l'esprit le code de suivi lors de modifications de design
Si après avoir installé le code de suivi, votre site subit un changement de design majeur, vérifiez que votre code de suivi est toujours installé.