Analytics

Interface utilisateur remaniée dans Google Tag Manager

Ça a été une semaine folle. Juste fou. Non seulement Google Tag Manager a introduit Workspaces, sans doute l’une de ses versions les plus importantes pour GTM, mais il a également réorganisé l’interface utilisateur ! Donc, de très grands changements ont été sous les pieds, et je suis si heureux d’écrire à leur sujet, car à mon avis complètement biaisé, ces changements sont incroyables et valent bien la longue attente.

Dans cet article, je souhaite vous expliquer rapidement ce que je pense être les changements les plus significatifs de l’interface. Beaucoup de choses ont changé, mais les mécanismes sous-jacents de GTM sont toujours les mêmes. Vous êtes toujours en train de créer des balises, des déclencheurs et des variables, et vous êtes toujours en train de déboguer le conteneur à l’aide du mode débogage. Cependant, les nouvelles interfaces utilisateur améliorent et rationalisent les différents processus de création dans le conteneur, et la nouvelle fonctionnalité Abandonner / Afficher les modifications vous permet de déboguer et de différencier les modifications que vous ou votre équipe avez apportées.

1. Les superpositions

La nouvelle interface, à commencer par son menu de sélection de compte flashy, vient pue de conception matérielle. La troisième dimension ajoutée à la navigation offre une expérience complètement nouvelle pour les vétérans de GTM.

Une bête noire historique dans GTM était que si vous étiez au milieu du processus de création de balises et que vous remarquiez que vous deviez configurer un nouveau déclencheur ou une nouvelle variable, vous étiez retiré (ou deviez quitter) la vue des balises dans l’ordre pour configurer l’actif secondaire dans une partie distincte du conteneur. Même si cela a été en grande partie corrigé il y a un certain temps, cela laisse toujours une sensation maladroite avec les transitions de page et le flux de travail échelonné.

Avec les superpositions, vous ne quitterez jamais l’endroit où vous vous trouvez. Les superpositions volent afin qu’elles ne couvrent pas toute la page, de sorte que vous saurez toujours d’où vous êtes parti.

Superposition de Google Tag Manager

Revenir en arrière dans l’historique est aussi simple que de cliquer sur le X dans le coin supérieur gauche de n’importe quelle superposition ou en cliquant simplement sur la zone ombrée sur le côté gauche de l’écran.

Ceci, à mon avis, permettra d’économiser du temps et des cheveux gris. Il faudra du temps pour s’habituer à ces superpositions, mais cela en vaut la peine. Vous pouvez compresser et zapper à travers un flux de travail de création de balises en une fraction du temps qu’il prenait auparavant.

2. La vue d’ensemble

L’écran Vue d’ensemble a été légèrement remanié, surtout si vous avez déjà commencé à travailler avec les espaces de travail.

Présentation des modifications apportées au conteneur

  1. Ce n’est plus “Conteneur” dans la barre de navigation, c’est “Espace de travail” maintenant. Cela a beaucoup de sens, puisque vous travaillerez toujours dans un espace de travail.

  2. Vous n’ajoutez plus de notes aux versions. Au lieu de cela, vous modifiez la description d’un espace de travail.

  3. Le panneau central utilisé pour contenir des informations sur la version actuelle. Maintenant, il vous indique ce qui se passe dans l’espace de travail actuel.

  4. Le panneau de droite concernait uniquement la version publiée. Maintenant, il est divisé en deux, vous donnant un aperçu de la version en direct (c’est-à-dire la version publiée) ainsi que de la dernière version du conteneur. Ce dernier est très important pour les espaces de travail, car la dernière version du conteneur est celle avec laquelle vos espaces de travail fusionneront. En cliquant sur l’une ou l’autre moitié, vous accéderez à la page de version correspondante.

  5. La grande zone centrale est réservée aux modifications de votre espace de travail par rapport à la Dernière version du conteneur. Chaque modification que vous apportez dans Workspace est une divergence par rapport à la dernière version du conteneur.

  6. Auparavant, l’historique des activités concernait l’ensemble du conteneur, mais il ne concerne désormais que l’espace de travail actuel. Pour voir l’historique des activités du conteneur, vous devrez parcourir la section Versions du conteneur.

  7. Le menu PUBLIER est maintenant rouge lorsque vous avez des modifications en attente, et à côté se trouve un compteur avec le nombre de modifications introduites par l’espace de travail actuel. Si vous cliquez sur l’ID de conteneur (GTM-XXXXX), vous verrez une superposition avec l’extrait de conteneur et les instructions pour son installation.

Notez également le sélecteur “Espace de travail actuel” dans la navigation de gauche. Vous trouverez plus de détails à ce sujet dans mon guide des espaces de travail.

Sélecteur d'espace de travail actuel

3. Horodatages !

C’est mineur mais toujours majeur. Vous savez à quel point c’était toujours irritant de ne voir que des horodatages relatifs au lieu des horodatages appropriés ? « Il y a 3 jours » comme heure de dernière modification n’est pas si informatif, n’est-ce pas ? Eh bien, on nous a offert un rameau d’olivier. En survolant n’importe quel horodatage relatif, vous verrez l’horodatage réel dans une info-bulle.

Horodatage de survol

Vous pouvez affirmer qu’il serait préférable de n’avoir que l’horodatage réel visible et aucun de ces bullcrap d’horodatage relatif, mais c’est certainement un pas dans la bonne direction.

4. Versions

Il n’y a qu’un changement important dans la vue Versions elle-même. Ce qui était auparavant “Modifier en tant que nouvelle version” est désormais “Définir comme la dernière version”. C’est, encore une fois, à cause des espaces de travail.

définir comme dernier choix de menu de version

Lorsque vous définissez une version comme dernière version, cela a des implications pour tous les espaces de travail actifs, car ils devront tous être mis à jour avec les modifications apportées à cette dernière version. Ne soyez donc pas cavalier lorsque vous utilisez cette fonctionnalité !

Définir comme avertissement de dernière version

Le plus grand changement apporté à la page Version elle-même, à part la nouvelle interface utilisateur, est qu’il y a à la fois « Changements de version » et « Historique des activités ». Les changements de version décrivent les changements dans cette version par rapport à la dernière version précédente du conteneur. L’historique des activités est une liste plus détaillée de ce qui a été fait dans la version et, surtout, par qui.

Changements de version et historique des activités

5. Balises

Alors, maintenant à la partie juteuse. Comme je l’ai dit au début, le flux de travail a été rationalisé au maximum. Il y a beaucoup de petits changements ici, donc je suis sûr que je ne pourrai pas tous les couvrir. Ce sont cependant ceux que j’ai trouvés les plus significatifs.

Nouvelle étiquette

Les choses ont certainement changé ! En haut de la vue, le souligné Balise non définie est ce que vous éditez pour modifier le nom de la balise. À côté se trouve l’icône Dossier, qui vous permet d’affecter la balise à un dossier.

La vue est dominée par les deux boîtes. Le premier est l’endroit où vous créez et configurez la balise elle-même, et le second est l’endroit où vous attachez des déclencheurs et des exceptions à la balise.

Lorsque vous cliquez sur “Choisir une balise à configurer…”, une nouvelle superposition apparaît, vous offrant une liste impressionnante de modèles de balises parmi lesquels choisir.

Choisissez le type de balise

Après avoir sélectionné le type de balise, le processus de création lui-même est à peu près le même qu’avant.

création de balises

En ce qui concerne les déclencheurs, une fois que vous avez cliqué sur le panneau de création de déclencheur, une superposition plus complexe apparaît. Je reviendrai sur ces étapes dans le chapitre suivant.

Notez que vous ne pourrez pas ajouter d’exception tant que vous n’aurez pas ajouté au moins un déclencheur (ce qui est logique).

Ajouter un déclencheur à la balise

Notez que si vous ouvrez une balise, un déclencheur ou une variable pour modification, et que cet actif a déjà été modifié (ou nouvellement créé) dans cet espace de travail, vous verrez une nouvelle sélection dans la vue, vous permettant d’abandonner et/ou d’afficher la modifications qui ont été validées sur l’actif.

abandon-modifications

J’ai traité plus en détail de l’abandon et de l’affichage des modifications dans le guide des espaces de travail.

Enregistrer la balise et le menu

Pour enregistrer un élément, cliquez simplement sur le bouton bleu ENREGISTRER dans le coin supérieur droit de la superposition. De même, si vous avez ouvert un actif créé précédemment, vous pouvez cliquer sur le petit menu à points à côté du bouton ENREGISTRER pour dupliquer, supprimer ou afficher les modifications apportées à l’actif.

6. Déclencheurs

La sélection des déclencheurs est maintenant plus robuste. Le tableau complet vous donne toutes les informations dont vous avez besoin en un coup d’œil.

Sélection du déclencheur

Si vous cliquez n’importe où sur la ligne Trigger (à l’exception de la petite icône (I) à droite qui ouvre la configuration respective du Trigger), cela ajoutera le Trigger au Tag.

L’icône de la loupe ouvre un champ de recherche qui vous permet d’effectuer une recherche par filtre sur la liste des déclencheurs.

Le bouton (+) vous permet de créer un nouveau déclencheur. Lorsque vous cliquez dessus, le processus est très similaire à la création d’un nouveau Tag. Vous verrez une nouvelle superposition avec les mêmes types d’options que vous aviez lors de la création d’une nouvelle balise.

Nouveau déclencheur

Lorsque vous choisissez le type Trigger, l’iconographie a été entièrement repensée.

Types de déclencheur

En fait, le code couleur que GTM avait pour les déclencheurs me manque, mais les icônes sont beaucoup plus claires et plus faciles à interpréter.

La configuration d’un déclencheur n’a pas connu de véritables changements techniques, mais l’interface utilisateur a changé pour certains d’entre eux, en particulier ceux qui nécessitent un activation condition (par exemple, juste des liens et envoi de formulaire). Au lieu des étapes « Enable When » et « Fire On », et en fait au lieu de quelconque étapes, vous avez juste un formulaire régulier et simple :

Configuration du déclencheur

Je ne suis pas content qu’ils aient supprimé les numéros d’étape, car ils ont facilité la référence aux différentes parties du processus de configuration de Trigger. J’aimerais aussi qu’ils établissent le L’URL de la page correspond à RegEx .* comme valeur par défaut pour l’étape “Activer quand”.

7. variables

Les variables ont reçu un traitement très similaire à celui des déclencheurs et des balises. Pour démarrer le workflow de création de variables, vous pouvez soit passer par la page Variables du conteneur (comme vous le faisiez auparavant), soit vous pouvez simplement cliquer sur la petite icône Variable partout où vous la voyez.

Sélection de variables

Une fois que vous avez cliqué sur cette icône, vous êtes dirigé vers l’écran de sélection des variables, qui ressemble beaucoup à ce que vous avez obtenu avec les déclencheurs.

Sélection de variables

Notez que les variables intégrées sont mélangées avec les variables définies par l’utilisateur. La seule façon de les différencier est de rechercher l’icône (I) à droite, qui ouvre la configuration des variables pour les variables définies par l’utilisateur. Avec les variables intégrées, vous ne pouvez pas faire cela.

Si vous souhaitez ajouter des variables intégrées à la liste, vous devrez les activer en cliquant sur la petite icône d’engrenage dans le coin supérieur droit. Cela ouvre une nouvelle superposition, où vous pouvez vérifier les variables intégrées que vous souhaitez inclure dans le conteneur.

Configuration des variables intégrées

Désormais, lorsque vous choisissez de créer une nouvelle variable, vous obtenez une liste des types que vous pouvez créer, avec une nouvelle iconographie (comme pour les déclencheurs).

Iconographie des variables

Il n’y a rien de nouveau dans cette liste, bien que j’apprécie le fait que vous voyiez une courte description après la plupart des types de variables.

La configuration d’une variable est à peu près la même qu’avant, donc je ne m’attarderai pas là-dessus ici.

Ainsi, vous êtes désormais en mesure de terminer le flux de travail complet depuis la première fois que vous créez une balise jusqu’à ses déclencheurs et variables sans avoir à changer votre emplacement dans le conteneur. Oui, les superpositions horizontales pourraient en choquer beaucoup, et il faudra du temps pour s’habituer à la disposition de Material Design, mais mon opinion personnelle est que les changements sont vraiment les bienvenus. Mais c’était prévisible.

8. Publier

Lorsque vous cliquez sur le bouton Publier, c’est à nouveau, surprise surprise, déléguée à une superposition.

Publier la superposition

La configuration de la version est plus importante qu’elle ne l’était auparavant. Il vous est maintenant recommandé de donner un nom et une description appropriés à la version. Dans mon esprit, cela a toujours été essentiel lors de la création de versions dans Google Tag Manager. Vous voulez vraiment rendre le nom de la version aussi descriptif que possible.

Vous avez également la possibilité de publier uniquement dans un environnement spécifique, comme auparavant.

Dans Modifications de l’espace de travail, vous pouvez passer en revue les modifications apportées à l’espace de travail actuel. En cliquant sur le menu à la fin de chaque ligne de modifications, vous pouvez choisir d’abandonner ou d’afficher les modifications une dernière fois.

Enfin, l’historique des activités vous donne un aperçu de qui a fait quoi dans cet espace de travail actuel.

En cliquant sur le gros bouton bleu PUBLIER, vous consoliderez les modifications, créerez une nouvelle version et en ferez la version en direct du conteneur, comme auparavant.

Si au lieu de Publier, vous avez choisi Créer une version, l’écran aura presque le même aspect, sauf que vous n’aurez pas l’option Environnement, et au lieu de publier la version en tant que version Live, vous ne mettrez à jour que la dernière version du conteneur.

Créer une version

Résumé

Ce sont, à mon avis, les changements les plus importants et les plus évidents apportés à la nouvelle interface utilisateur.

Comme je l’ai noté à plusieurs reprises ci-dessus, je suis certain que cette nouvelle interface utilisateur en choquera beaucoup. Il y a toujours de la résilience au changement, et même si l’ancienne interface utilisateur était assez maladroite, il y avait quelque chose de cohérent dans la façon dont vous manœuvriez entre les différentes parties du conteneur.

Mais tout cela est parti maintenant. Au lieu de cela, vous disposez de menus volants horizontaux et de superpositions qui restent en vous au même endroit, ce qui vous permet de configurer un flux de travail complet sans jamais quitter l’actif à partir duquel vous êtes parti. Ceci, je pense, est très puissant et accélérera certainement les choses une fois que vous maîtriserez la nouvelle interface utilisateur.

Les espaces de travail sont très présents dans l’interface utilisateur. Vous pourrez abandonner et afficher les modifications à presque chaque tour, et l’importance de créer une nouvelle version a augmenté. Ceci, encore une fois, pourrait prêter à confusion au début, car le simple fait de publier un conteneur a des implications sur tous les espaces de travail actuellement actifs.

Ainsi, je veux répéter ce que j’ai dit à la fin de mon guide Workspaces :

La communication et la bonne gouvernance régneront toujours sur toute mise à jour de fonctionnalité.

Vous aurez toujours besoin d’une organisation stable et saine si vous souhaitez tirer le meilleur parti de Google Tag Manager.

Bonne chance!

Source : www.simoahava.com

Articles similaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Bouton retour en haut de la page
Index