Guía de instalación

Ponga en marcha MousePlayer en su sitio web en menos de 2 minutos. Sin configuraciones complicadas.

1

Localice su propiedad

Inicie sesión en su panel de MousePlayer. En la sección Sus propiedades verá una lista de los dominios asociados a su cuenta. Si su dominio todavía no está configurado, mostrará la etiqueta de estado INSTALAR CÓDIGO.

Haga clic en el botón </> Código de la columna Acciones, junto al dominio que desea seguir.

Panel de MousePlayer con las propiedades del usuario y el botón Código
2

Copie el fragmento de código de seguimiento

En la pantalla aparecerá la ventana Código de instalación. Contiene el fragmento de código JavaScript asíncrono generado específicamente para su propiedad (vinculado a su id único).

Haga clic en el botón Copiar código de la esquina superior derecha del bloque de código para copiar el fragmento al portapapeles.

Ventana Código de instalación con el fragmento de código JavaScript
3

Pegue el código en su sitio web

Abra el código fuente de su sitio web o su gestor de etiquetas. Pegue el fragmento copiado directamente en la sección <head> de su HTML en todas las páginas en las que quiera activar la grabación de sesiones y la vista en vivo.

<!-- 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

Compruebe la instalación

Guarde los cambios y publique su sitio web. Visite su dominio en producción y recargue la página. Vuelva al panel de MousePlayer: el estado de su dominio pasará automáticamente de INSTALAR CÓDIGO a INACTIVO, o mostrará usuarios activos si en ese momento hay visitantes en su sitio.

Consejo para desarrolladores: CMS & gestores de etiquetas

Si utiliza WordPress, puede pegar el fragmento en el archivo header.php de su tema o usar un plugin como «Insert Headers and Footers». Si utiliza Google Tag Manager (GTM), cree una nueva etiqueta de HTML personalizado, pegue el fragmento y establezca como activador Todas las páginas.