Matomo: plug-in para contar las visitas de tu web

El plugin: «Contador de Visitas Matomo» tiene como objetivo poder mostrar el número de visitas que se realizan al sitio. Este contador de visitas obtiene la información a partir del sistema de analítica llamado Matomo, que permite el alojamiento de los datos objeto del análisis en los servidores de Conselleria, no dependiendo de terceros.

Inserción contador mediante Widget (Sencillo)

La forma más sencilla de mostrar las visitas en nuestro sitio sería utilizando un widget de WordPress que se ha confeccionado expresamente para tal efecto. Para poderlo utilizar deberemos ir a la sección correspondiente de PortalEdu desde el menú lateral izquierdo : Apariencia –> Widgets. Al acceder aquí se mostrarán en «Widgets Disponibles» el widget en cuestión, llamado : «Matomo Contador Visitas Widget»

Tan solo debemos elegir en que sección de nuestra web queremos que se muestre. Además tendremos unas opciones configurables para una mejor personalización. Estas son :

Captura De Pantalla De 2022 01 14 20 18 07
  • Etiqueta: Si queremos mostrar el título o etiqueta en el widget.
  • Con estilo: Si marcamos esta opción se mostrará la cifra del contador premaquetada con una apariencia visual más agradable.
  • El widget se muestra para: Podemos elegir el idioma en el que queremos que se muestre el widget, o bien mostrarlo para todos los idiomas. Esta opción puede ser útil si previamente hemos escrito una etiqueta diferente según el idioma para así personalizar tantos widgets como idiomas tenga nuestro sitio web.

La apariencia si hemos elegido la opción «Con estilo» será similar a esta :

Captura De Pantalla De 2022 01 14 20 27 27

Inserción contador mediante Shortcode (Avanzado)

Si queremos tener un mayor control sobre dónde mostrarlo, podremos insertar el valor del contador de visitas mediante un shortcode (código de inserción) en la parte de nuestro sitio web que deseemos (cualquier página o contenido). De esta manera podemos insertarlo en el conjunto de una maquetación más personalizada con nuestros propios colores y/o estilos. El código de este shortcode es:

615012

La cuenta de visitas es  independiente de la página o entrada en que se muestre; corresponde a las visitas de todo nuestro sitio.

NOTA:

En otros contadores, la cuenta mostrada corresponde al número de páginas vistas. Sin embargo, el contador de Matomo mostrará el número de visitas (usuarios que visitan nuestro sitio web). No debe sorprendernos que el número de visitas sea muy inferior al número de páginas vistas.

Accede a Portaledu con Identitat Digital – (@edu.gva.es)

Los usuarios registrados en Portaledu con Identitat Digital (@edu.gva.es), accederán al portal con las credenciales (email y contraseña) de esta identidad.

¡IMPORTATE! Para poder acceder a Portaledu, el usuario tiene que existir en Portaledu. Las y los docentes que tengan que editar las webs de los centros, han de ser sincronizados (creados) por la dirección de su centro. Por lo tanto, un usuario/a con identidad digital no podrá acceder a Portaledu si no ha sido sincronizado previamente. Llamamos sincronización al proceso por el cual se genera un usuario en Portaledu, o se actualizan sus datos, a partir de la información existente en Itaca.

Esta forma de acceso afecta a las y los docentes que tienen correo @edu.gva.es

1. El correo vinculado a las cuentas de los usuarios será el correo @edu.gva.es

2. Los nombres de los usuarios están adaptados a los de la identidad digital.

3. La contraseña de acceso a Portaledu es la del correo @edu.gva.es

Ejemplo de la forma de acceder con Identitat Digital

  • Si una usuaria/ario tiene como identidad digital: j.apellidosejemplo@edu.gva.es
  • Para acceder a Portaledu podrá utilizar la dirección de correo electrónico o el nombre de usuario: j.apellidosejemplo@edu.gva.es o también j_apellidosejemplo

Es decir, los nombres de usuario pasan a ser como la parte izquierda de la identidad digital, cambiando el punto por un subguión. La contraseña, como ya hemos dicho, será la contraseña de Identitat Digital.

➡️ Visita la página de Identidad Digital para más información

Gutenberg: configuración de bloques

Con la actualización a WordPress 6.3, se ha añadido la posibilidad de gestionar los bloques en el editor Gutenberg, de forma que un usuario puede decidir qué bloques se le muestran al editar un post.

La ocultación funciona por usuario, no por sitio. En caso de que un usuario pertenezca a más de un sitio de Portaledu, las preferencias que haya configurado para el editor Gutenberg le acompañarán, independientemente del sitio en que trabaje en cada momento.

Gutenberg_ocultar_blocs

Los pasos necesarios para acceder al diálogo de ocultación son:

1. Desde el editor Gutenberg, hacer click sobre los «tres puntos» de la esquina superior derecha de la pantalla.

2. Pulsar sobre la última opción de menú: «Preferencias»

3. En el diálogo que aparece, hacer click sobre la opción «Bloques»

4. Una vez ahí, desmarcar aquellos bloques que no se quiere que muestre el editor.

Gutenberg: el editor por defecto de Portaledu

El editor de bloques nativo de WordPress es el editor por defecto para los posts / entradas / páginas de todos los sitios de Portaledu.

Gutenberg benvingut a l'editor de blocs

Para aquellos sitios creados anteriormente y que hayan utilizado el editor visual (Beaver Builder), habrá un periodo de convivencia de ambos editores (Gutenberg y Beaver) para permitir a esos sitios el mantenimiento de dichos posts. A medio plazo se prevé eliminar de Portaledu el editor Beaver Builder, dado que la funcionalidad de Gutenberg tiene una mejor integración con WordPress y es mucho más sencillo de utilizar. Conoce más información sobre el editor de bloques de WordPress: Gutenberg.

Gutenberg exemple 2 blocs

Modo Mantenimiento: plug-in para configurar los sitios offline

La utilidad de este plug-in radica en que permite a los editores de la web trabajar sobre ella y realizar pruebas sin que éstas puedan ser visualizadas por el público en general y si por los usuarios logueados pertenecientes a la web.

Para ello hay que navegar en el panel de administración del centro a la opción de menú «Modo mantenimiento».

Cómo mejorar la accesibilidad de tu portal

Descubre cómo mejorar la accesibilidad de los portales web alojados en Portaledu para garantizar que todos los usuarios, sean cuales sean sus condiciones, puedan acceder y utilizar con comodidad el contenido de dichos portales sin barreras.

A continuación, se citan algunos de los errores más frecuentes de falta de accesibilidad en nuestras publicaciones y cuál sería la solución para que el contenido cumpla los estándares de accesibilidad.

  1. Utiliza texto alternativo para describir tus imágenes

Las imágenes deben tener la propiedad ‘Alt’ con un texto que describa la imagen para que las personas con discapacidad visual, tengan la oportunidad de comprender al completo la página web. Esta propiedad es utilizada por los lectores de pantalla, para verbalizar el contenido de una imagen.

Solución: rellena el cuadro de texto ‘Texto alternativo’ con el texto que describa la imagen
en la pantalla de ‘Detalles’ que se accede al pulsar sobre la imagen en la ‘Biblioteca de medios’.

Imatge com introduir text alternatiu

2. Utiliza texto descriptivo para los hipervínculos

Los hipervínculos deben tener un texto descriptivo para que los lectores de pantalla, utilizados por las personas con limitación en su capacidad visual, puedan dictar correctamente el hipervínculo.

Solución: Intenta evitar la edición html directa en Portaledu y emplea el editor Gutenberg para implementar correctamente el hipervínculo tal como se muestra en la siguiente imagen:

Pestaña que muestra cómo incluir correctamente un hipervínculo en el editor Gutenberg.

3. Etiqueta correctamente los encabezados (H1, H2…)

Los encabezados deben contener el texto bien etiquetado, es decir, incluir correctamente las etiqueta de inicio y cierre, como por ejemplo ‘<h1>Título</h1>’ para que no aparezca sin contenido.

Solución: Intenta evitar la edición html directa en Portaledu y emplea el editor Gutenberg para etiquetar correctamente el encabezado tal como se muestra en la siguiente imagen:

Pestaña que muestra cómo incluir correctamente un encabezado en el editor Gutenberg.

4. Utiliza un contraste alto en los textos

Los textos deben resaltar sobre su fondo, para que sean cómodamente visibles por los usuarios. Para ello, entre el color de la fuente y el color del fondo debe haber un alto contraste, aplicable tanto para entradas, como para páginas y botones.

Solución: Utiliza un color adecuado en el panel derecho ‘Ajustes – apartado Colores – Texto‘.

Pestaña que muestra cómo modificar correctamente el color del título en el editor Gutenberg.

Si tienes duda sobre el contraste de los colores que has aplicado, lee el siguiente apartado, donde te explicamos cómo comprobar la accesibilidad de tu página o post.

Comprueba la accesibilidad de tu portal

Existen herramientas automáticas de análisis de accesibilidad web para la detección de contenido no accesible. Visita nuestra entrada sobre Wave para conocer cómo hacer dicho análisis en tu portal.

Comprueba la accesibilidad de tu portal

Existen herramientas automáticas de análisis de accesibilidad web para la detección de contenido no accesible en nuestro portal. En este post te hablaremos de la herramienta Wave, que nos permite comprobar los fallos que pueda presentar una página o post publicado.

¿Cómo utilizar Wave?

1) Accede a https://wave.webaim.org/ e introduce en el campo ‘Web page address’ la url de la página a analizar, ya que no analiza el sitio web completo:

Página web del editor 'Wave'.

2) Veremos que la herramienta muestra abundante información. Es importante arreglar los errores. También podemos revisar las advertencias y valorar su corrección. Los errores y advertencias de accesibilidad aparecen en el panel izquierdo. Al pulsar sobre el elemento detectado se posiciona la página sobre dicho error en el panel derecho. Así mismo en el panel inferior se muestra el código fuente del error detectado. Será entonces cuando contemos con toda la información necesaria para rectificar dichos errores.

Panel de errores de accesibilidad ofrecido por la herramienta Wave.

En ocasiones, la herramienta online no puede acceder a páginas que no son públicas, es decir, las que estén todavía en borrador. Si queremos analizar la accesibilidad de páginas que no estén publicadas, podemos instalarnos en el navegador el complemento que nos ofrece Wave en su página web principal:

Página web principal de la herramienta 'Wave' con el apartado destacado para descargar su extensión.

Después, una vez instalada en nuestro navegador habitual, solo hay que pulsar sobre el menú de complementos en la opción ‘Wave Evaluation Tool’:

GenerateBlocks: plug-in para el editor de bloques Gutenberg

El plug-in GenerateBlocks sirve para incluir bloques dentro del editor de bloques Gutenberg, pero algunos de los nuevos bloques añadidos por este plug-in duplican funcionalidades de los bloques estándares de Gutenberg, ya disponibles anteriormente en el editor de bloques. Si bien no es posible eliminar ninguno de los bloques duplicados, puesto que eso afectaría a las entradas que hubieran hecho uso de ellos, cada usuario puede ocultar, en el editor, aquellos bloques que no desee utilizar. Los bloques enriquecidos que aporta GenerateBlocks, se distinguen por aparecer su icono en color azul, en lugar de negro. Ver más información al respecto aquí.

Los nuevos bloques añadidos y cuya funcionalidad estaría replicada son: Imagen, Titular, Botón y Bucle de consulta. Estos bloques mencionados, si bien reproducen funcionalidades ya presentes anteriormente, permiten más opciones de configuración, sobre todo a nivel visual.

GenerateBlocks mejora el bloque imagen con su propio bloque análogo, donde existe la posibilidad de editar el tamaño, los bordes, el espaciado y demás opciones visuales sobre la misma.

Replicando la funcionalidad del bloque encabezamiento, el bloque Titular de GenerateBlocks añade más opciones de diseño como bordes, tipografías y colores.

Igual que para el resto de bloques, GenerateBlocks añade más opciones de configuración a nivel visual con su elemento botón.

El bloque Bucle de consulta de GenerateBlocks añade más diseños para la visualización de las entradas. Así como aumenta las posibilidades de filtrado de la consulta.

AddToAny: plug-in para compartir en redes sociales

Con este plug-in se pueden poner las redes sociales para poder compartir las páginas de su centro. ¡Abre las opciones de administrador de la web del centro y empieza a utilizarlo!

Para acceder al plug-in, debes ir al apartado de “Configuración > AddToAnny”

Al entrar, tendremos dos pestañas para elegir que tipo de iconos queremos:

  • “Estándar” para que los iconos se muestren junto a algún elemento
  • “Flotante” para que se muestren siempre en el mismo sitio aunque nos movamos por la página.

«Estándar»


En la pestaña “Estándar” tendremos las opciones tradicionales pera definir el estilo del icono:

Sirve para definir el tamaño en píxeles, así como el color de fondo y el del primer plano. Nos deja escoger tanto el original como el transparente y si escogemos personalizado podemos ponerle el color que queramos.


Botones para compartir:



En esta pantalla podemos añadir las redes sociales que queramos que los visitantes puedan compartir dicha página.

Nota: al escoger demasiadas redes, puede que el diseño de la página se descuadre si no se escoge la opción de “Botón universal” .

Botón universal:



Sirve para englobar todas las redes sociales en un único icono. Al pulsar sobre él, se desplegarán todas las redes sociales configuradas.


Resto opciones:

· Cabecera de compartir: Título que figurará en la caja de los iconos.

· Emplazamiento: Lugares donde se mostrará.

· Opciones del menú: esta opción se utiliza porque el resto de redes sociales del «botón universal» se despliegan al pasar por encima o al hacer clic.

«Flotante»


Nos encontraremos con dos subapartados: Botones en vertical y botones en horizontal. Tienen las mistas opciones dentro, básicamente trata de colocar la caja con los iconos con ajustes en píxeles.

· Ubicación: este es el más importante puesto que hará que se active y el lugar dónde irá.

· Adaptabilidad: opciones para ocultar esta barra cuando sean pantallas como tablets o móviles o si se desplaza a ciertos pixeles.

  • Para poder modificar más opciones, tendrá que consultar al administrador de la red.

Control Caché (NGINX): plug-in para gestionar la memoria caché en Portaledu

Para que todos los sites de Portaledu tengan un buen rendimiento y se pueda abordar la carga de visitas a estos, tenemos desplegado un servidor de caché para servir páginas previamente ya servidas y procesadas, para aliviar la carga de los servidores principales.

Pero al realizar caché de las páginas nos podemos encontrar efectos no deseados como que al actualizar una entrada / página / contenido no aparezca inmediatamente reflejado, ya que aún se está sirviendo la versión cacheada y no la nueva. Aunque existen una reglas de invalidación automática del contenido de acuerdo a un tiempo establecido (habitualmente 30 minutos), es habitual que queramos tener el control de invalidar la caché actual o directamente decidir que cierto contenido no es cacheable.

Con esta funcionalidad lo que se pretende es habilitar herramientas para poder controlar la caché de páginas de nuestro site de centro, interaccionando con los servidores propios de Caché.

Funcionamiento

Los roles que tienen capacidad para controlar los mecanismos de caché son: «Direcció» y «Manteniment»

Si el rol usuario dispone de capacidad adecuada podrá realizar estas acciones:

  • Invalidación de la caché general de todo el contenido del centro. Esto quiere decir que le diremos al servidor de Caché que retire todas las páginas cacheadas de nuestro centro, y por tanto se volverían a generar la caché de nuevo, con las nuevas versiones de páginas y contenidos.
  • Indicar al servidor de Caché que una entrada/contenido no es cacheable. Puede ocurrir que debido a la naturaleza de cierto contenido, queremos que esa entrada/página/contenido particular nunca sea cacheable, y por tanto habilitaremos la opción para que el servidor de Caché descarte esta entrada y nunca la cachee. Esto puede ser interesante, por ejemplo, si tenemos una página que contenga un formulario con captcha.

Invalidación de la caché de todo el site

Esta acción la podemos realizar si tenemos el rol «Direcció» o «Manteniment». En el menú principal (menú de la izquierda) de la zona de administración de WordPress nos aparecerá el item de menú Control Caché (NGINX).

Plugin Cache 1

Al pulsar sobre esta opción nos aparecerá un botón marrón para desencadenar la acción de invalidación:

Plugin Cache 2

Si pulsamos, estamos emitiendo la orden al servidor de Caché para que invalide toda la caché de nuestro sitio.

Indicar que la entrada es «no cacheable»

Está acción se llevará a cabo cuando estemos editando cualquier contenido, principalmente entradas o páginas. En este caso al dar de alta un nuevo contenido o editarlo tendremos disponible un metabox en la sección «Documento» :

Si marcamos esta opción (No Cachear), estaremos indicando al Servidor de Caché que no debe almacenar de ninguna de las maneras este contenido. Guardaremos la entrada para aplicar los cambios.

Plugin Cache 3

A tener en cuenta

Por defecto, todo el contenido de un site es cacheado, ya que es lo deseable para conseguir una funcionamiento óptimo de nuestro sitio.

  • Invalidar todo el contenido del centro de manera general: Habitualmente no debería ser necesario utilizar está opción de manera recurrente, ya que la invalidación se produce de manera automática a los 30 minutos desde que se cacheó inicialmente el contenido. El uso de esta funcionalidad estaría indicado si hemos de hacer un anuncio importante en nuestra web y queremos verlo reflejado de manera inmediata.
  • Forzar el no cacheo de entradas/contenido: Conviene recordar que si no cacheamos nunca un contenido va a repercutir en el rendimiento de carga de la página. El habilitar está opción debe estar suficientemente justificado; solamente en caso de tener formularios de recogida de datos con captcha.

Avís de privacitat: Ús de cookies pròpies per a anàlisis de visites

Este lloc web utilitza cookies pròpies amb l'únic propòsit d'analitzar el trànsit i millorar l'experiència de l'usuari. Les cookies són xicotets arxius de text que s'emmagatzemen en el teu dispositiu quan visites el nostre lloc. No compartim esta informació amb tercers ni la utilitzem per a fins publicitaris.

Veure política de cookies