Encuentra tu Código de Seguimiento dentro de tu Visión general de Hotjar.
Cada sitio que agregues a tu cuenta de Hotjar tendrá su propio Código de Seguimiento único para instalar. Puedes encontrar tu Código de Seguimiento para instalar yendo a Sitios y Organizaciones y haciendo clic en el botón Código de Seguimiento junto a la URL del sitio.
Pega el Código de Seguimiento de Hotjar dentro de una plantilla Smarty (archivo .tpl).
La plantilla específica variará dependiendo de la configuración de tu proyecto Smarty. El archivo de plantilla debe ser uno que se aplique en todo tu sitio, como el header.tpl.
Agrega etiquetas {literal} dentro de las etiquetas <script> del Código de Seguimiento.
En lugar de dentro de las etiquetas de script, el Código de Seguimiento debe colocarse dentro de las etiquetas {literal}{/literal}:
<script type="text/javascript">
{literal}
(function(h,o,t,j,a,r){
/* ... resto del código de seguimiento de Hotjar ... */
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
{/literal}
</script>
El Código de Seguimiento de Hotjar debe tener etiquetas {literal} colocadas alrededor del script
Sin las etiquetas literales, tu sitio web solo mostrará una página en blanco.
Tu Código de Seguimiento de Hotjar está ahora instalado.
Una vez que hayas agregado el Código de Seguimiento de Hotjar a tu sitio, deberás esperar unos minutos para que Hotjar verifique si está instalado correctamente. Esto suele ocurrir en el momento en que tu sitio se carga con el Código de Seguimiento de Hotjar en él; puedes visitar la página tú mismo para acelerar el proceso. Una vez que Hotjar haya detectado el Código de Seguimiento en tu sitio, el Panel del Sitio mostrará un aviso como el siguiente:
Ten en cuenta el Código de Seguimiento al realizar cambios de diseño
Si después de instalar el Código de Seguimiento, tu sitio web experimenta un cambio de diseño importante, verifica que tu Código de Seguimiento siga instalado.