Google Assistant est actuellement le couronnement de Google dans le domaine de la communication entre les machines et les humains. C’est pour cette raison que la compréhension du contexte des demandes des utilisateurs nous est venue de Now et Now on Tap, mais avec un certain nombre de changements. Cet assistant est toujours heureux de comprendre ce que veut le propriétaire et sait également comment le faire de la meilleure façon. Il y a eu une intégration assez profonde avec des solutions telles que Google Allo, Google Home, Android TV et Android Auto.
Même si les assistants vocaux entrent progressivement dans nos vies, ils sont pour la plupart encore très loin de devenir des assistants à part entière. Et il ne s'agit pas tant de problèmes de développement que de sécurité des utilisateurs, que certaines fonctions des assistants vocaux violent souvent involontairement. Cependant, Google ne serait pas lui-même s'il négligeait les fonctionnalités au nom de la protection des secrets des utilisateurs et décidait donc d'étendre les capacités lorsque l'on travaille sur un écran verrouillé.
Malgré le changement de marque effectué par Google, en la rebaptisant Wear OS, la plateforme est restée peu attractive pour les utilisateurs. Comme le montre la pratique, si les gens choisissent une montre intelligente pour travailler en tandem avec un smartphone Android, il s'agit le plus souvent de solutions de Samsung. Ils sont bons pour tout, des performances globales à la fonctionnalité. Une autre chose est que le seul assistant vocal pris en charge par défaut est Bixby. Mais cela ne signifie pas que vous ne pouvez pas entraîner une montre coréenne à fonctionner avec Google Assistant.
Dernièrement, on ne parle que de la prochaine mise à niveau. Voulant rendre leur assistant vocal plus pratique et fonctionnel, les développeurs de Google ont testé de nombreuses innovations, depuis le mode Google Duplex, capable de passer des appels pour l'utilisateur, jusqu'à agir comme un haut-parleur intelligent. Mais pour une raison quelconque, personne, à l'exception du bureau de représentation russe de Google, n'a même pensé au développement spirituel de l'assistant.
Quelques semaines seulement se sont écoulées depuis que les assistants virtuels populaires ont opposé leurs intellects, mais seulement . Quelques semaines plus tard, les chercheurs ne pouvaient pas rester assis, alors ils ont commencé un nouveau test dans lequel les capacités de l'intelligence artificielle de Google Assistant ont été comparées à celles de géants comme Alexa, Siri et Bixby.
Avez-vous déjà réfléchi à la façon dont il est plus pratique pour vous d'appeler un assistant vocal : avec une commande verbale ou en appuyant sur une touche spéciale ? Pour la plupart, la première méthode semble la plus logique, car comment pouvez-vous appeler un assistant vocal autrement qu’avec votre voix ? Mais tout le monde n’a pas cette opportunité. Le fait est qu'attendre constamment une commande vocale oblige l'appareil à maintenir constamment les microphones en mode actif, analysant tout ce qu'il entend, ce qui entraîne une augmentation de la consommation d'énergie. Mais vous ne pouvez pas toujours appeler un assistant avec un bouton, car la plupart des smartphones modernes n’en disposent pas du tout. Heureusement,
- Didacticiel
Relativement récemment, nous étions en train de repenser et d'optimiser notre site Web et avons rencontré un certain nombre de problèmes liés aux scripts et aux codes de suivi de Google. À savoir:
- problème d'excès de code Google dans le code de la page (suivi d'événements, tests A/B Google, Google Analytics)
- inconvénient de la gestion et du suivi des scripts.
- le besoin constant de modifier les modèles de page pour apporter des modifications et des paramètres supplémentaires aux scripts.
- dépendance aux releases sur sous-domaines (cas individuel). Par exemple, ce n'est pas une personne, mais une équipe de développement utilisant le contrôle de version (VSC) qui travaille sur un compte personnel, et pour apporter les moindres modifications, nous avons dû attendre la prochaine version.
Nous parlerons de Google Tag Manager (Google Tag Manager).
Les principaux avantages de passer à un gestionnaire de balises selon nous :
- codage minimum sur les pages. Nous supprimons tous les scripts Google du code de la page. Il ne reste plus que le code d'intégration de Tag Manager (code du conteneur)
- transparence et commodité. Facilité de configuration et de surveillance des scripts. Tout est géré et configuré depuis le panneau de configuration Tag Manager. Nous voyons tous les scripts et à quelles pages et événements ils sont attachés
- évolutivité. Vous n'avez plus besoin de toucher au code de la page. Vous pouvez ajouter et personnaliser du code Google Analytics, le suivi des conversions AdWords, le remarketing AdWords et bien plus encore à partir de votre compte Tag Manager.
- système de contrôle de version. Toutes les modifications peuvent être facilement annulées et rétablies à un état antérieur, et vous pouvez également savoir qui, où et quand a effectué les modifications.
- mode multi-utilisateurs.
Pour démarrer rapidement, nous devons passer en revue les termes de base nécessaires pour démarrer avec Google Tag Manager, à savoir :
- Compte
- Récipient
- Règles
- Macro
Un compte est un compte =) comme dans Google Analytics, il n'a pas besoin d'être présenté.
Le conteneur est le principal et unique fragment de code JS que nous insérons dans toutes les pages du site. Il s'agit essentiellement d'une balise, mais sa fonction est de servir de conteneur pour toutes les balises. Ils sont écrits ci-dessous. Une sorte d'"architeg" qui lance toutes les autres balises, si elles respectent les règles que nous avons fixées.
Une balise est un morceau de code JS. Tous ces scripts que nous avions l'habitude d'insérer manuellement dans les pages du site, par exemple le code Google Analytics, le code de suivi des conversions Adwords, le code personnalisé, etc.
Une règle est une condition sous laquelle une balise sera appelée et exécutée ou vice versa (bloquée). Par exemple, pour le code Google Analytics, nous définirons la règle « shot » : « sur toutes les pages ».
Macros - "Les macros sont des paires nom/valeur pour lesquelles des valeurs sont transmises pendant le fonctionnement." Utilisé lors de la configuration des règles. Dans notre cas, les variables de niveau de données pour l'Event Tracking en conjonction avec les objectifs de Google Analytics, plus de détails dans la partie pratique
Pour résumer, le code de la page contient le code du conteneur. Les balises conformes aux règles d'activation sont chargées dans le conteneur depuis le serveur de Google et activées. Des macros sont nécessaires pour configurer les balises et les règles.
Fig.1 Schéma d'interaction des éléments
Google dispose d'un merveilleux outil sous la forme d'un plugin pour Google Chrome - "Tag Assistant". Installons-le et revenons-y un peu plus tard.
Supposons donc que nous ayons :
- site Web - exemple.com
- compte personnel sur le sous-domaine - comptes.exemple.com
- placer le code Google Analytics
- configurer le suivi des conversions lorsqu'un bouton spécifique est cliqué
Nous créons un compte dans le gestionnaire de balises (Fig. 2).
Fig.2 Création de compte
Ensuite, nous créons un conteneur (Fig. 3). Nous indiquons le type : « Pages Web » ou « Applications mobiles » et indiquons nos domaines (ce qui, en principe, est facultatif). Dans notre cas, nous ne précisons pas le sous-domaine, puisque nous utiliserons le tracking cross-domain.
Fig.3 Création d'un conteneur
Prêt! on nous donne le très précieux code du conteneur, que nous devons placer immédiatement après la balise d'ouverture.
Le code du conteneur doit et toujours être le tout premier après la balise d'ouverture, sinon vous risquez de perdre la possibilité de suivre les événements (Event Tracking) qui se trouvent AVANT le code du conteneur. Parce que toutes les variables de niveau de données qui se trouvent avant le Tag Manager ne seront pas traitées.Pour plus de flexibilité et de commodité, il est préférable d'utiliser des conteneurs différents pour le domaine principal et les sous-domaines.
Au même endroit - on nous propose d'insérer des balises en un seul clic. Sélectionnez la balise « Google Analytics » (Fig. 4)
Fig.4 Menu de sélection du code du conteneur et de l'étiquette
Fig.5 Configuration de la balise Google Analytics
Nous en avons fini avec la balise Google Analytics. L'étape suivante consiste à configurer la macro pour le suivi des événements. Nous devrons créer 3 macros, puis, sur la base d'elles, une balise de suivi.
Au total, vous devriez avoir 3 nouvelles macros avec les noms de variables de niveau de données : eventCategory, eventAction, eventLabel. En règle générale pour l'activation, nous avons toujours besoin de la macro « événement », mais elle a déjà été créée par défaut.
Fig.6 Création d'une macro
Ensuite, nous créons une nouvelle balise, sélectionnons le type de balise - "Google Analytics", insérons le même code de compteur dans le champ d'identification, mais dans le type de suivi - sélectionnons "événement", puis insérons respectivement les macros que nous avons créées dans la liste. :
- catégorie - Catégorie d'événement GA
- action - Action d'événement GA
- label - Étiquette d'événement GA
Fig.7 Création d'une balise de suivi Google Analytics
Nous devons maintenant définir la règle d'activation des balises (Fig. 8). Nous créons une nouvelle règle dans laquelle nous utilisons la macro « événement »
Fig.8 Création d'une règle d'activation
Puisque nous ne voulons pas toucher au code de la page, nous lions l'action de clic à l'aide de jQuery et la connectons via Google Tag Manager (balise personnalisée), comme ceci :
$(document).ready(function())( $("sélecteur de l'objet souhaité").click(function() ( dataLayer.push(("event":"GAevent", "eventCategory":"La valeur que nous spécifié", " eventAction": "La valeur que nous avons définie", "eventLabel": "La valeur que nous avons définie")); )); ));
Riz. 9 Ajouter une balise personnalisée
Autrement dit, lorsque vous cliquez sur un objet, nous transmettrons des variables de niveau de données à l'aide de la méthode .push() et des valeurs que nous définirons à des fins de Google Analytics.
Nous avons donc 4 de nos macros : "event", "eventCategory", "eventAction", "eventLabel".
et quatre paires de valeurs :
- 'événement' : 'GAévénement'
- 'eventCategory' : 'valeur'
- 'eventAction' : 'valeur'
- 'eventLabel' : 'valeur'
Pour retracer plus clairement la relation, voir la figure 10. 
Riz. 10 Relation entre les variables au niveau des données, les macros et les objectifs de Google Analytics
Nous créons des objectifs dans Google Analytics, insérons des variables dans notre méthode dataLayer.push() pour le lien que nous suivrons.
Riz. 11 Créer une version et publier un conteneur
Vérifions : en vous rendant sur la page du site, ouvrez le « Tag Assistant », qui a été évoqué au tout début de la partie pratique. 
Fig. 12 Fenêtre Tag Assistant
On voit le code de notre compteur, le code du conteneur. Le statut vert « fonctionnant » signifie que tout va bien. Sinon, il décrirait le problème et proposerait des recommandations pour le résoudre. Nous voyons également notre Data Layer (souvent, les données dataLayer ne sont pas affichées dans le panneau "tag assistant" et c'est la norme).
C'est tout.
Et bien c'est parti, sur la route :
Ce qui est discuté dans cet article n'est qu'une petite et simple partie de ce qu'est réellement Google Tag Manager et des opportunités qui s'offrent à nous lorsque nous approfondissons toutes les nuances.
Lancé en 2012, Google Tag Manager aide les spécialistes du marketing et les webmasters à résoudre la tâche importante consistant à intégrer des extraits de code dans les pages qui suivent les métriques pertinentes sur le site. Avant l'avènement du gestionnaire, intégrer du code dans un site était une chose risquée, sans aucune garantie que tout fonctionnerait correctement du premier coup. Il n'y avait également aucune garantie que vous obtiendriez les métriques souhaitées, et un tas d'extraits en cours d'exécution pouvaient considérablement ralentir la vitesse de chargement du site.
Google Tag Manager élimine cet inconvénient en fournissant des modèles permettant d'intégrer facilement des extraits de code (appelés « balises » dans le jargon de Google) et en permettant aux balises de s'exécuter de manière asynchrone pour accélérer le chargement du site. Et l'édition mise à jour de cet outil dispose d'une interface plus intuitive et prend en charge un grand nombre de balises utiles aux spécialistes du marketing et aux webmasters.
Selon l'aide de Google Tag Manager, cela « permet de gagner du temps, de réduire les erreurs et d'éliminer le besoin de demander de l'aide à un développeur ». Mais ce système est-il vraiment si facile à apprendre qu’il peut être utilisé par l’utilisateur moyen ? Essayons de le comprendre.
Dictionnaire Google Tag Manager pour les nulsTout d’abord, introduisons quelques concepts du monde de Google Tag Manager.
Étiqueter est un morceau de code qui s'exécute sur une page d'un site Web. Lorsqu'une balise commence à s'exécuter, on dit qu'elle activé .
Déclenchement est le mécanisme qui active la balise. Il vérifie si les conditions nécessaires sont remplies et, en fonction du résultat, active ou non la balise. Par exemple, si vous intégrez du code pour suivre les statistiques, la condition de déclenchement de la balise serait chaque fois que les utilisateurs visitent la page.
Variables aider à indiquer au répartiteur où et quand la balise doit être activée. Couche de données stocke les informations qui doivent être transmises au gestionnaire de balises.
DANS récipient Toutes les balises, déclencheurs et variables du site sont stockés. Si vous avez plusieurs sites, vous devez créer pour chacun d'eux un conteneur distinct dans le gestionnaire de balises.
Armés des concepts de base, essayons d'intégrer un extrait de code à l'aide de Google Tag Manager.
Intégration d'Universal Analytics via Tag ManagerExaminons le processus d'intégration de balises en utilisant l'exemple d'un petit site Web fonctionnant sur WordPress. Avant d'utiliser le gestionnaire, Google recommande de vérifier quelles balises (code de suivi) vous utilisez déjà sur votre site.
Si vous faites partie des rares personnes à ne pas posséder de compte Google, comblez cette lacune avant de commencer à utiliser Tag Manager. Si vous disposez de plusieurs comptes Google, rendez-vous sur celui avec lequel vous travaillez (ou allez travailler) avec vos sites. Passons maintenant directement au répartiteur.
Étape 1 : Créer un compteLorsque vous vous connectez à Tag Manager pour la première fois, vous serez invité à créer un compte. C'est pratique pour ceux qui accompagnent plusieurs clients et ont besoin d'un compte séparé pour chacun d'eux.
Le compte stockera l'ID du conteneur de votre site. Vous devez sélectionner le type de conteneur (web, iOS ou Android) et cliquer sur le bouton « Créer ». Après cela, dans une fenêtre déroulante, vous recevrez le code pour installer le gestionnaire de balises.
Il est pratique d'utiliser un nom de domaine comme nom du conteneur ; de cette façon, vous pouvez facilement déterminer à quel site appartient un conteneur particulier. Si vous décidez d'ajouter un autre conteneur (par exemple, pour l'application mobile d'un site), cela peut se faire via la page du compte. Dans l'exemple ci-dessous, un conteneur GPTWO a été ajouté au compte SHHwebsites.
Vous devez maintenant créer une balise. Sélectionnez « NEW TAG », puis sélectionnez la balise que vous souhaitez ajouter.
Nommez la balise simplement et clairement. Par exemple, vous pouvez utiliser une abréviation du nom du site et du type de balise utilisée.
Étape 3 : Ajouter un identifiant de suiviRecherchez l'ID de suivi de votre site dans votre compte Google Analytics. Il est répertorié dans l'onglet « Administrateur » de la section « Ressource » - « Code de suivi ». Copiez l'ID et collez-le dans la ligne souhaitée dans la fenêtre Configuration des balises de Tag Manager.
Choisissez maintenant le paramètre que vous souhaitez surveiller. Pour l'analyse, il s'agit généralement de pages vues. A cette étape, vous pouvez également sélectionner les conditions d'activation de la balise. Utilisez le déclencheur « Toutes les pages » pour l'analyse.
Si vous avez déjà installé un gestionnaire de balises sur votre site (vous avez reçu le code d'intégration à l'étape 1), l'étape suivante consiste à publier le conteneur. Sinon, vous devez préparer le site pour la publication. Dans les ressources WordPress, vous pouvez utiliser des plugins spéciaux pour installer Google Tag Manager, par exemple Google Tag Manager de DuracellTomi. Avec leur aide, l'ID du gestionnaire de balises est défini même sans aucune connaissance en programmation.
Étape 6 : prévisualiser et publierAinsi, Tag Manager est prêt à suivre vos statistiques. Vous pouvez publier le conteneur immédiatement ou le prévisualiser. Un aperçu vous donnera l’assurance que la balise est activée en cas de besoin.
En mode aperçu, vous verrez quelles balises sont activées.
Si vous êtes satisfait de tout, cliquez sur le bouton « Publier ». À partir de ce moment, Tag Manager commencera à suivre les balises, les déclencheurs et les variables. Chaque fois que vous ajoutez quelque chose de nouveau, une nouvelle version du conteneur est créée. Une fois publié, il devient la version actuelle avec laquelle le site fonctionne. Dans le volet de navigation du gestionnaire, vous pouvez trouver toutes les versions publiées précédentes du conteneur.
Il y a de fortes chances que vous utilisiez les outils d'analyse de Google sur votre site avant l'arrivée de Tag Manager. Pour obtenir des statistiques appropriées et fiables, vous devez supprimer l'ancien code et gérer les analyses uniquement via Tag Manager.
Pour vous assurer qu'un seul code de suivi des statistiques est exécuté sur le site, le plugin Google Tag Assistant pour le navigateur Chrome vous aidera.
Étape 8 : Vérifiez les statistiquesUn peu de paranoïa est utile lorsque vous travaillez avec Google Analytics. Prenez le temps de vérifier vos données Analytics chaque jour pendant au moins la première semaine après le passage à Tag Manager pour vous assurer qu'il n'y a pas de pertes de trafic inattendues.
Après avoir installé et activé la première balise, travailler avec le répartiteur devient beaucoup plus facile. Par exemple, ajoutons une balise au site avec le nom prometteur Crazy Egg. Sur la page principale, cliquez sur le bouton « Ajouter une nouvelle balise », sélectionnez dans la liste des balises Crazy Egg dans la fenêtre déjà familière.
Nous définissons le déclencheur, puis prévisualisons et publions une nouvelle version du conteneur.
Comme nous l’avons vu, même une personne très éloignée du codage peut travailler avec un gestionnaire de balises. Prenez le temps d'explorer davantage l'aide de Google Tag Manager afin que cet outil vous facilite réellement la vie et ne se transforme pas en un nouveau casse-tête.
Nous attirons votre attention sur des instructions étape par étape pour installer et configurer Google Tag Manager (GTM). Ici, nous allons vous expliquer comment connecter Google Analytics et Yandex Metrica à l'aide de GTM.
Google Tag Manager (GTM) est un outil multifonctionnel qui vous permet d'ajouter des balises à un site Web ou à une application mobile pour analyser le trafic, la conversion et le comportement des utilisateurs sans interférer avec le code source du site.
Dans cet article, nous décrirons en détail comment créer et configurer GTM sur un site Web et comment connecter Google Analytics et Yandex Metrica sans interférer avec le code source du site.
Avantages du GTM- Vous pouvez ajouter et mettre à jour des balises sans interférer avec le code source du site. Il vous suffit d'ajouter le code Tag Manager au site une seule fois, et tout le reste peut être implémenté dans votre compte personnel GTM ;
- Réduire le code sur les pages du site Web ;
- Interface pratique et facile à utiliser ;
- Facilité de test. Le mode aperçu permet aux spécialistes du marketing de vérifier facilement que les balises fonctionnent correctement ;
- Le service est gratuit.
Avant de passer à l'installation, regardons les définitions :
- Récipient est un fragment de code JS qui est placé sur toutes les pages du site. Le conteneur contient des informations sur les balises déclenchées à la suite de l'exécution de certaines règles spécifiées dans les déclencheurs et les variables ;
- Étiqueter– un fragment de code du site qui vous permet de suivre le trafic et d'analyser le comportement des utilisateurs, la conversion, etc. (par exemple, le code Yandex Metrics) ;
- déterminer quand activer la balise dans le conteneur Web ;
- Variables est une paire nom-valeur utilisée dans un déclencheur comme condition dans laquelle la balise se déclenchera.
1. Créez un compte avec Google
Si vous possédez déjà un compte Google et êtes connecté, ignorez cette étape. Sinon, connectez-vous ou créez un compte.
2. Créez un compte dans GTM
Après vous être connecté à Google, vous pouvez procéder à la création d'un compte dans GTM. Allez sur la page Google Tag Manager et cliquez sur le bouton « Créer un compte », puis saisissez un nom de compte fictif et cliquez sur le bouton « Suivant ».
Image 1
Dans la fenêtre qui apparaît, saisissez un nom inventé pour le conteneur et sélectionnez l'endroit où il sera utilisé. Dans notre cas, il s'agit du bouton « Site Web ». Après cela, cliquez sur le bouton « Créer ».
Figure 2
figure 3
3. Ajoutez le code Tag Manager obtenu à votre site
Une fois que vous avez accepté le contrat d'utilisation, une fenêtre de code apparaîtra.
Figure 4
Sélectionnez et copiez le code dans un fichier txt. Après cela, cliquez sur le bouton « OK » tout en bas de la fenêtre qui s'ouvre.
Ensuite, dans le fichier de modèle de site dans lequel vous avez le bloc, insérez le code du bloc supérieur aussi près que possible du début.
Figure 5
Collez le code du bloc inférieur directement après la balise d'ouverture.
Figure 6
Après avoir terminé ces étapes, cliquez sur le bouton « Publier » dans le panneau GTM.
Figure 7
4. Testez le bon fonctionnement de GTM
Ensuite, il est important de vérifier si vous avez tout fait correctement. Pour ce faire, vous pouvez utiliser le plugin Google Tag Assistant Recordings pour le navigateur Chrome. Installez cette extension en suivant le lien.
Après l'installation, l'icône Google Tag Assistant apparaîtra dans le panneau des extensions du navigateur Chrome - . Pour vérifier que GTM installé sur votre site fonctionne correctement, vous devez vous rendre sur votre site et cliquer sur cette icône.
Figure 8
Sur la capture d'écran, nous voyons que l'icône est verte, ce qui signifie que l'installation de Tag Manager a réussi. Si l'icône est jaune ou rouge, la balise est placée avec des erreurs.
Recommandations Google
Figure 9
Passons maintenant directement à la connexion de Google Analytics via GTM.
1. Enregistrez Google Analytics
Si les analyses sont déjà installées sur le site, vous pouvez ignorer ce point. Sinon, découvrez comment enregistrer Google.Analytics et terminez le processus d'inscription.
Note! Après avoir enregistré Google.Analytics, vous n'avez pas besoin de placer le code sur le site. Nous n’aurons besoin de l’identifiant de suivi Google.Analytics qu’un peu plus tard. Si Google.Analytics a été enregistré précédemment et que le code est déjà publié sur le site, après avoir connecté Google.Analytics via GTM, le code analytique précédemment publié peut être supprimé.
2. Connectez-vous à votre compte GTM précédemment enregistré et cliquez sur le lien « Ajouter une nouvelle balise »
Figure 10
3. Sélectionnez le type de balise
Dans ce cas, nous avons besoin d’Universal Analytics.
Figure 11
4. Spécifiez l'ID de suivi Google Analytics et le type de suivi du site - « Page vue »
Figure 12
Vous pouvez afficher l'ID de suivi des ressources dans vos paramètres Google Analytics.
Figure 13
5. Spécifiez le déclencheur « Toutes les pages »
Pour que la balise se déclenche sur toutes les pages, spécifiez le déclencheur « Toutes les pages ».
Figure 14
6. Enregistrez les données saisies
Figure 15
7. Précisez le nom de la balise et cliquez sur le bouton « Enregistrer »
Figure 16
8. Vérifiez si la balise fonctionne correctement
Pour ce faire, cliquez sur la flèche à côté du bouton « Publier » et sélectionnez « Aperçu ».
Figure 17
Dans Aperçu, le conteneur contenant les modifications ne sera disponible que dans votre navigateur.
Si le conteneur apparaissait sous la ligne « Balises non déclenchées sur cette page », la balise sur la page ne s'est pas déclenchée. Il est nécessaire de vérifier tous les paramètres et, si nécessaire, de corriger les erreurs éventuelles.
Si le conteneur apparaît sous la ligne « Balises déclenchées sur cette page », cela signifie qu'Universal Analytics a été installé sans erreur.
Figure 18
9. Publier des analyses universelles
Figure 19
Ainsi, nous avons connecté Google Analytics au site via GTM sans interférer avec le code source des pages.
Connexion des métriques Yandex via GTMPour connecter Yandex Metrica, suivez les mêmes étapes que pour Google Analytics, mais comme par défaut il n'y a pas de Yandex Metrica dans GTM, lors de la sélection d'un produit, spécifiez « HTML personnalisé ».
Figure 20
En conséquence, une fenêtre avec un champ vide apparaîtra.
Figure 21
Vous devez insérer le code de votre compteur Metrica dans ce formulaire HTML.
Si Yandex Metrica est déjà installé sur le site, copiez le code du compteur à partir du code source de la page. Sinon, lisez comment créer et configurer un compteur Yandex Metrica.
Note! Comme avec Google.Analytics, il n'est pas nécessaire de placer du code sur le site. Lors de la configuration de Yandex Metrica, le code résultant doit être copié et ajouté à la fenêtre « HTML personnalisé » apparue à l'étape précédente.
Figure 22
Avant de publier, vérifiez que la balise fonctionne correctement en cliquant sur le bouton « Aperçu ».
Figure 23
Si en mode aperçu le conteneur est placé sous la ligne « Balises déclenchées sur cette page », alors tout est configuré correctement. Si le conteneur est affiché sous la ligne « Balises non déclenchées sur cette page », la balise n'a pas fonctionné, il est fort probable qu'une erreur ait été commise lors de la connexion.
Figure 24
Une fois que nous sommes convaincus que la balise a fonctionné en mode préliminaire, cliquez sur « Publier ».
Ainsi, nous avons connecté Yandex Metrica au site sans interférer avec le code source des pages.
Si GTM n'est pas déjà installé sur votre site, vous pouvez l'installer et le configurer en suivant nos instructions. Et nous, à notre tour, continuerons à écrire sur la façon d'analyser le trafic, les conversions et le comportement des utilisateurs à l'aide de GTM.
Après avoir implémenté le code de suivi Google Analytics ou l'avoir configuré via Google Tag Manager, vous devez vérifier l'exactitude des données collectées.
Divers outils peuvent être utilisés pour cela. Pour vérifier le bon fonctionnement des balises de leurs systèmes, Google a créé son propre outil - Google Tag Assistant, qui s'installe en tant que plugin de navigateur. Je vais voir comment fonctionne le plugin dans le navigateur Chrome.
Après l'installation, une nouvelle apparaîtra dans la liste des icônes du plugin ; lorsque vous cliquerez dessus avec le bouton gauche de la souris, la fenêtre suivante s'ouvrira :
Ici, vous devez sélectionner les balises des systèmes que vous envisagez de vérifier (surveiller), ainsi que les pages qui doivent être analysées, toutes ou certaines. Après avoir spécifié les paramètres dont vous avez besoin, enregistrez les paramètres en cliquant sur le bouton Terminé.
Vous verrez un message indiquant que Google Tag Assistant n'est pas actif (désactivé) sur la page actuelle et vous pouvez l'activer :
Pour l'activer, vous devez cliquer sur Activer (nous parlerons de la possibilité d'enregistrer, bouton Enregistrer ci-dessous).
Après avoir activé le plugin, vous devez recharger la page pour que les informations la concernant s'affichent dans Google Tag Assistant, ou passer à la suivante. Quelle que soit l'action la prochaine fois, Google Tag Assistant « collectera » les informations nécessaires et elles deviendront disponibles pour visualisation. Dans ce cas, une information complémentaire apparaîtra dans la liste des plugins Google Tag Assistant sous la forme du nombre de balises détectées sur la page en cours :
Google Tag Assistant - nombre de balises
Si vous faites un clic gauche sur cette icône, une fenêtre apparaîtra :
Dans lequel les balises seront affichées. A noter que la couleur de l'icône à côté de la balise peut être différente et dépend des résultats de son fonctionnement :
- vert – si la balise a fonctionné correctement ;
- bleu – s'il y a des commentaires non critiques ;
- rouge – il y a de graves erreurs.
À quoi d'autre devez-vous faire attention dans cette fenêtre ? Il peut être divisé en deux blocs : le premier est une liste de balises sur la page, le second (partie inférieure) est constitué d'astuces ou d'astuces qui mènent à la documentation officielle et sont conçues pour aider à résoudre des problèmes ou des erreurs.
La partie supérieure droite de la fenêtre affiche des informations sur le nombre total de balises sur la page, et s'il y a des erreurs, leur nombre :
Il est possible que les balises ne soient pas détectées sur la page, auquel cas les informations ressemblent à ceci :
Pour obtenir des informations détaillées sur le tag qui vous intéresse, cliquez simplement dessus dans la liste :
Des informations détaillées sur la balise seront affichées (en utilisant Google Analytics comme exemple) :
Ce à quoi vous devez faire attention. La première est la méthode de mise en œuvre de Google Analytics, dans la capture d'écran, elle est implémentée dans Google Tag Manager, c'est-à-dire via Google Tag Manager, deuxièmement par le nombre de hits envoyés par la balise avant que vous n'ouvriez cette fenêtre :
Ceci affiche le type de hit, par exemple Événements, et le nombre de hits de ce type (1 dans le cercle vert).
En sélectionnant un type de hit, vous êtes « immergé » dans la liste des hits du type sélectionné (bien sûr, s'il y en a plusieurs), où vous pourrez retrouver les informations qui ont été transférées à Google Analytics :
Pour vous déplacer entre les hits, ainsi que pour revenir à la liste de tous les hits, utilisez les commandes :
Vous vous souvenez qu'au début, j'ai mentionné le bouton Enregistrements ? Il est nécessaire d'enregistrer des balises sur les pages et d'autres informations, afin que vous n'ayez pas à les visualiser à chaque fois sur la page, mais de suivre les liens au sein du site, puis d'étudier les informations collectées sur chaque page. Pour utiliser ce rapport, ouvrez la fenêtre Google Tag Assistant et cliquez sur le bouton Enregistrer. Vous verrez un avertissement :
Passez en revue les informations et, si nécessaire, activez le commutateur pour suivre les transitions entre les onglets. Pour terminer l'enregistrement, cliquez sur le bouton Annuler l'enregistrement.
Désormais, après avoir rechargé la page ou cliqué sur un lien, Google Tag Assistant commencera à capturer et à enregistrer des informations. Dans la liste des plugins, l'icône Google Tag Assistant aura une désignation supplémentaire sous la forme d'un cercle rouge, qui indique que l'option d'enregistrement est active :
Lorsque vous parcourez les pages, Google Tag Assistant enregistre les informations. Si vous devez mettre fin à l'enregistrement ou afficher les informations enregistrées, ouvrez la fenêtre Google Tag Assistant et sélectionnez l'action requise en bas de la page :
Avant de visualiser les informations, un message s'affiche :
Vous avez la possibilité d'afficher le rapport complet ou de reprendre/continuer l'enregistrement Reprendre l'enregistrement. Pour consulter le rapport, vous devrez vous connecter à Google.
Les informations sont affichées dans un onglet de navigateur séparé et sont divisées en deux blocs :
Rapport Google Tag Assistant et informations Google Analytics. Le travail ultérieur et l'apparence des pages dépendent de l'option que vous choisissez. En étudiant divers paramètres, vous pouvez identifier les erreurs et inexactitudes commises lors de la mise en œuvre de Google Analytics. De nombreux paramètres et informations sont disponibles :
Utilisez Google Tag Assistant lors de la mise en œuvre et de la configuration de Google Analytics, mais n'oubliez pas qu'il est préférable d'utiliser non pas un, mais plusieurs outils qui se compléteront et vous aideront à résoudre les problèmes actuels.