Con Matomo Tag Manager, muestras el widget ViaSay en todas las páginas de tu sitio sin modificar su código. Solo necesitas una etiqueta y un activador. La persona que gestiona Matomo puede hacerlo por su cuenta, sin necesidad de un desarrollador.
Antes de empezar
Una cuenta de Matomo que pueda crear etiquetas y publicar el contenedor (el espacio que agrupa las etiquetas de tu sitio).
Matomo Tag Manager ya instalado en tu sitio: su código se carga en cada una de tus páginas.
El código de tu Widget ViaSay, en Build > Integrate > Channels > Integration. Si todavía no tienes un Widget, empieza por Crear un Widget ViaSay.
Consejo: establece Distribución de audiencia en el 0 % durante la configuración. El código se implementa, pero el widget permanece oculto. Después puedes mostrarlo cambiando el porcentaje en Integración, sin tocar Matomo.
Paso 1: crear la etiqueta
Una etiqueta (tag) es el código que Matomo añade a tus páginas. En este caso, es el del widget.
Abre Tag Manager, y después haz clic en Etiquetas en el menú de la izquierda.
Haga clic en Create New Tag.
Elige el tipo HTML personalizado, en la categoría Personalizado. Acepta cualquier código, incluido el script del widget.
En Nombre, escribe « Widget ViaSay ».
En HTML personalizado, pega el código de tu Widget. Deja Posición a Body End.
El token (el identificador de tu Widget) de la captura es ficticio: pega el código de tu propio Widget.
Paso 2: mostrar el widget en todas las páginas
Un activador (trigger) le indica a Matomo cuándo ejecutar la etiqueta. El activador Pageview la ejecuta en cada página vista, es decir, en todo el sitio.
Desplázate hasta Configure when the tag should do this.
Abre la primera lista desplegable y elige Pageview.
Haga clic en Create New Tag en la parte inferior del formulario.
La etiqueta aparece en la lista, con el activador Pageview. Todavía no está activa: primero hay que probarla y después publicarla.
Paso 3: probar antes de publicar
El modo de vista previa (preview) muestra tu sitio con la nueva etiqueta, visible solo para ti.
Haga clic en Preview / Debug en el menú de la izquierda.
Escribe la dirección de tu sitio y haz clic en Debug. Tu sitio se abrirá en una pestaña nueva.
En el panel de Matomo situado en la parte inferior de la página, comprueba que Widget ViaSay aparece en Fired Tags.
Haga clic en Stick to Top si el panel oculta la parte inferior de la página: el widget aparecerá entonces en la parte inferior derecha.
Paso 4: publicar
Haga clic en Publicar en el menú de la izquierda o en el enlace Publish a new version now del banner verde.
Escribe un nombre para la versión, por ejemplo, « Widget ViaSay ».
Haga clic en Create New Version And Publish Release.
Haga clic en Disable Preview en el menú de la izquierda para salir del modo de vista previa.
Comprobar que funciona
Abre tu sitio en una ventana de navegación privada.
Navega por varias páginas: el widget debería mostrarse en cada una de ellas.
Lo verás en la ubicación configurada en Formato y diseño. Si has configurado Distribución de audiencia en el 0 %, permanecerá oculto hasta que cambies el porcentaje.
Si no funciona
No se ofrece el tipo Custom HTML: Matomo permite desactivar estas etiquetas por motivos de seguridad. Pide a un administrador que las vuelva a activar en Administration > General Settings.
Widget ViaSay no aparece en Fired Tags: la etiqueta no tiene ningún activador. Ábrela y repite el paso 2.
El panel de depuración no aparece: añade ?mtmPreviewMode= seguido del identificador del contenedor a la dirección de tu sitio. Matomo lo muestra en la pantalla Preview / Debug.
La etiqueta se activa, pero el widget no aparece: comprueba el token pegado en la etiqueta y la configuración Distribución de audiencia de tu Widget.
Siguientes pasos
Gestionar la visibilidad de tu widget: elige las páginas en las que se muestra.
Aceptación de cookies para mostrar el widget: adapta la visualización al consentimiento de tus visitantes.
Instalar el Widget con Google Tag Manager: la misma instalación con la herramienta de Google.