Contextualizando contenido según resolución con Google Tag Manager (GTM)
Contextualizar contenido web según distintas variables de entorno del usuario, es una funcionalidad bastante útil, sobre todo para el contenido móvil, el cual debe ser bastante simple y funcional, intentando eliminar elementos que solo son justificados para resoluciones mas amplias.
Lo primero que se debe hacer es generar la etiqueta que necesitemos en GTM , en mi caso y para ponerlos en contexto, utilizare de ejemplo el sitio de mi esposa; www.buscamipyme.cl , en el cual utilizamos un servicio de chat en linea llamado “Zopim”, en donde por medio de una pequeña pestaña ubicada en el sitio, permite a los usuarios estar en contacto en tiempo real con los administradores del sitio y así recibir soporte en linea frente a consultas. Sin embargo según nuestras estadísticas de Google Analytics consideramos que este servicio solo se justifica cuando los usuarios ingresan al sitio mediante un computador de escritorio, sumado a esto, el servicio no se puede restringir según dispositivo o resolución, por lo cual la solución es GTM.
Vamos a la acción:
Primero, creamos por medio de GTM un macro del tipo “variable javascript” con nombre de variable global: screen.width.
Segundo, seleccionamos la etiqueta en la cual queremos ejecutar la regla de la resolución, en este caso la etiqueta del chat llamada “Zopim Chat”
Tercero, se agrega una “regla de inclusión” para que la etiqueta seleccionada se ejecute bajo el macro creado anteriormente en donde la variable {{Screen widht}} debe ser mayor a 800px
Cuarto, publicamos y listo!, la etiqueta solo se ejecutara cuando se cumplan las reglas definidas.
Posteriormente solo queda confirmar en terreno:
Versión Desktop del sitio www.buscamipyme.cl
Versión móvil del sitio www.buscamipyme.cl
Espero que sea de utilidad y consideren la utilización de estas reglas para cualquier situación, ya sea variables de resolución de pantalla, variables geográficas, de dispositivo, etc. las combinaciones son infinitas.
Ante cualquier consulta mi correo es [email protected]
Saludos!