L'introduction la plus complète à Google Tag Manager (GTM) pour 2023

1. Introduction à le cours: Bonjour et bienvenue à ce cours Google Tag Manager. Je suis Žiga et je serai votre instructeur. À la fin de ce cours, vous aurez une compréhension approfondie fonctionnement du gestionnaire de balises Google et de ce que vous pouvez en faire. Nous commencerons par les bases comme apprendre à connaître le gestionnaire de balises Google et le configurer. Nous discuterons également de certains problèmes courants que vous pourriez rencontrer et comment les résoudre. Ensuite, nous plongerons directement dans la viande du cours. En chemin je vais vous montrer des exemples du monde réel afin que vous puissiez construire votre propre projet au fur et à mesure que nous avançons. OK. Vous devez vous demander qui suis-je et pourquoi je vous enseigne tout cela ? Eh bien, je suis dans le marketing numérique depuis plus de 8 ans et pendant cette période, j'ai eu 2 campagnes de crowdfunding réussies et aidé plus de 10 autres à amasser plus d'un million de dollars. J' ai parlé à diverses conférences et événements marketing et j'ai même donné des conférences à plusieurs générations de propriétaires de petites entreprises sur différents sujets du marketing numérique. Et depuis deux ans, j'ai aussi ma propre agence pour aider les entreprises à automatiser leur marketing. Pendant tout ce temps, j'ai utilisé activement le gestionnaire de balises Google pour aider mes clients et moi à tout configurer. Avant de plonger, je veux juste vous expliquer comment vous pouvez tirer le meilleur parti de ce cours. Si vous êtes nouveau dans Google Tag Manager, je vous suggère fortement de commencer par le début et de travailler jusqu'à la fin. Cela vous assurera que vous avez toutes les connaissances nécessaires pour des sujets plus avancés. Une fois que vous commencez le cours, ne laissez pas les jours ou les semaines passer entre les cours ou vous commencerez à oublier ce que vous avez déjà appris. Croyez-moi, devoir revenir en arrière et s'asseoir pendant les conférences que vous avez déjà regardées est une traînée. Découpez un espace d'étude et éliminez toutes les distractions. Alors reste-toi comme tu le ferais à la fac. Cet espace peut être simple comme un bureau avec une chaise et une musique de fond discrète. Si vous avez une question ou un problème pendant le cours, n'hésitez pas à les poser dans la section Q&R ou à me contacter directement. Je serai plus qu'heureux de vous aider. Encore un conseil important. Prenez des notes. Si possible dans un ordinateur portable réel. L' acte physique de l'écriture vous aidera à mieux conserver l'information. Enfin, amusez-vous et profitez de votre expérience d'apprentissage. Je suis super excité de tout partager avec vous. Alors commençons. 2. What gestionnaire de Google Tag et pourquoi vous avez besoin: Si vous êtes nouveau dans le gestionnaire de balises Google, vous vous demandez probablement, pourquoi ai-je même besoin et ne puis-je pas faire toutes ces choses d'une autre façon ? Eh bien, la réponse courte aux deux questions est oui. Mais laissez-moi vous dire pourquoi utiliser le gestionnaire de balises Google est une bien meilleure option. Imaginez ça. Vous venez de trouver un nouvel outil de marketing qui vous aidera à générer plus de prospects. et vous voulez le tester. Vous vous inscrivez au service. et ils vous fournissent un petit script que vous devez installer sur votre site Web. Maintenant, vous ne savez peut-être pas exactement comment faire cela ou vous n'avez tout simplement pas accès aux serveurs. Vous contactez donc les développeurs responsables de la maintenance de votre site Web. Vous obtenez la réponse rapide qu'ils sont en train de corriger certains bogues et qu'ils reviendront dès que possible. On sait tous que ça peut prendre quelques heures, mais parfois ça peut prendre des jours. Et quand ils vous reviendront enfin, c'est peut-être parce que quelque chose de plus urgent s'est produit et que vos tests devront être reportés. Ça semble familier ? Eh bien, ce genre de situations peut grandement affecter votre capacité à exécuter rapidement différentes expériences marketing et à s'adapter aux situations actuelles. Ce serait parfait si vous pouviez avoir votre propre développeur personnel en attente. Mais malheureusement, la plupart d'entre nous n'ont pas ce luxe. C' est là que Google Tag Manager peut venir à la rescousse. Et même si vous ne pouvez pas le considérer comme un remplacement complet pour un développeur, cela vous permettra beaucoup, vous et votre équipe marketing. Alors passons en revue certaines des choses que vous pouvez facilement faire avec Google Tag Manager. Comme je l'ai déjà mentionné, vous pouvez simplement installer et supprimer des scripts tiers sans l'aide d'un développeur. Vous obtenez également une vue d'ensemble complète des scripts que vous exécutez actuellement sur votre site Web. De cette façon, vous pouvez rapidement vérifier quels outils marketing vous utilisez et désactiver ceux que vous n' utilisez plus, accélérant ainsi votre site Web. Une autre fonctionnalité intéressante est la publication et le contrôle de version. Toute nouvelle modification que vous apportez doit être publiée avant qu'elle n'apparaisse en direct sur votre site Web. En outre, lorsque vous le faites, cet instantané de l'état actuel est enregistré en tant que nouvelle version. Cela vous permet de revenir à l'une des versions précédentes si vous le souhaitez. En plus de ce gestionnaire de balises google vous permet de tester vos scripts dans l'environnement en direct sans affecter votre trafic existant. De cette façon, vous pouvez vous assurer que vos nouvelles modifications fonctionnent parfaitement lorsque vous les publiez. À chaque fois. Comme vous le voyez, Google Tag Manager est un compagnon puissant qui peut vous aider à gérer tous vos outils marketing en un seul endroit. Mais c'est juste gratter la surface. Et vous en apprendrez beaucoup plus dans le cours à venir. 3. Arperçu de l'interface: Faisons maintenant une vue d'ensemble de l'interface du gestionnaire de balises Google. Cela vous aidera à mieux comprendre où vous pouvez trouver des choses et comment les utiliser. Donc, la première chose que vous pouvez voir, nous sommes dans l'onglet Espace de travail et il y a une sorte d'aperçu de tout ce qui se passe actuellement dans votre conteneur. Donc, vous avez la description du conteneur, si vous voulez le définir. Toutes les modifications pour la balise, les déclencheurs et les variables seront visibles ici. Versions aussi. Lequel est actuellement actif, combien de versions vous avez, qui l'a publié la dernière et ainsi de suite. Maintenant, vous pouvez avoir plusieurs lieux de travail. Si vous avez plusieurs personnes travaillant sur le même conteneur cela vous permettra de faire vos propres modifications sans interrompre leur travail. Donc, si quelqu'un fait des expériences et qu'il n'a pas fini de construire son conteneur, vous pouvez toujours travailler sur votre projet et le publier avant qu'il ne termine le leur. Ou d'autres cas pour lesquels vous pouvez utiliser des espaces de travail, par exemple, vous avez quelques nouvelles balises que vous souhaitez tester. Tu n'es pas sûr de vouloir rester avec eux. Tu veux juste expérimenter un peu. Vous pouvez créer un nouvel espace de travail le tester et si cela ne fonctionne pas, vous pouvez simplement le supprimer ou revenir à cet espace de travail. Si nous regardons, vous n'avez que trois espaces de travail différents disponibles dans la version gratuite de Google Tag Manager. Alors gardez ça à l'esprit. La prochaine chose sont les Tags, ils sont en quelque sorte comme vos travailleurs. Ce sont des petits scripts qui s' exécuteront quand quelque chose se passe. Cela peut être, par exemple, un pixel Facebook ou un pixel Google Analytics. Et fondamentalement, les balises vous permettent de déployer vos scripts marketing sur vos sites Web. Ce que vous pouvez faire avec ces balises est également modifier les cookies, injecter du code HTML ou JavaScript et bien d'autres choses que nous verrons dans les prochaines conférences. La section suivante sont des déclencheurs et vous pouvez imaginer des déclencheurs en quelque sorte comme des conditions que vous attachez aux balises. Donc, fondamentalement, lorsque vous décidez quand la balise va insérer un certain script ou un code sur votre site Web ou quand elle fera quelque chose, vous devez définir quand cela se produira. Et les déclencheurs dictent essentiellement quand les balises se déclencheront. Il y a plusieurs déclencheurs de très larges, comme génériques, quand certaines balises peuvent être déclenchées sur chaque page. Donc, ce que vous pouvez utiliser pour votre Google Analytics Ou des déclencheurs vraiment spécifiques quand vous voulez disons, par exemple : pixel de conversion Facebook seulement pour déclencher quand une conversion se produit. Peut-être sur votre page de remerciement après que le client a acheté un produit. Nous reviendrons sur plus de détails sur les déclencheurs plus tard quand nous en ferons. La section suivante sont les variables et les variables sont en quelque sorte comme des conteneurs pour différentes valeurs. Vous avez deux sections ici. Les unes sont des variables intégrées que le gestionnaire de balises Google déjà prédéfini et vous pouvez en configurer plus. Ou des variables définies par l'utilisateur que vous pouvez définir vous-même comme vous le souhaitez. Donc les variables, en bref, sont, par exemple, comme vous pouvez le voir ici, comme une page, URL sorte que lorsque la page se charge dans ces variables, vous obtiendrez l'URL de votre site Web ou vous obtiendrez un référent d'où vient cette personne. Ou bien sûr, vous pouvez avoir comme quel élément a été cliqué sur la page ou jusqu'où le long de la page que quelqu'un défilé Donc les variables contiennent toutes ces informations que vous pouvez ensuite utiliser dans les déclencheurs ou les balises pour faire quelque chose en fonction de l'état dans quelle variable est actuellement. La section suivante est des dossiers qui vous permettent essentiellement de mieux gérer ou organiser les balises, les déclencheurs et les variables. Et nous examinerons les meilleures pratiques sur la façon d'utiliser cela dans la prochaine leçon. La dernière partie est des modèles et ce sont essentiellement des outils utiles de construction de communauté comme des balises ou des variables et seront en fait en utilisant quelques d'entre eux parce qu'ils simplifient certaines choses que vous auriez autrement besoin de programmer en JavaScript ou développez-vous vous-même. Vous pouvez rechercher dans la galerie, par exemple, des modèles de balises et vous pouvez voir qu'il y a beaucoup de balises déjà préfabriquées. Et bien sûr, il en va de même pour les variables. Il y a deux autres choses importantes que je tiens à souligner. Et ce sont ces deux boutons. Le premier est le bouton Soumettre, qui crée une nouvelle version de votre configuration de conteneur actuelle et a publié cette version sur votre site Web. Vous n'avez pas besoin de le publier, cependant. Vous pouvez simplement créer une nouvelle version et après un certain nombre de versions, vous pouvez la déployer en direct sur votre site Web. Vous pouvez, bien sûr, avoir différents environnements de test dans lesquels vous pouvez publier cette version. L' autre bouton est le bouton d'aperçu et le bouton d'aperçu vous permet de déboguer les conteneurs Google Tag Manager. Il vous permettra de voir ce qui se passe avec le conteneur en direct sur votre site Web. Et vous utiliserez beaucoup ces deux boutons. L' onglet suivant est l'onglet Versions et dans l'onglet Versions, vous aurez un aperçu de toutes les versions que vous avez créées, quelles versions sont actuellement en ligne, ou chaque version que vous verrez comme une description et un titre. Et avec le nombre de balises, de déclencheurs et de variables qu'il contient. Et vous pouvez, bien sûr, revenir aux versions précédentes si vous le souhaitez et voir ce qui a changé d'une version à l'autre. Voici donc un bon aperçu du genre d'histoire de toutes les choses que vous avez publiées. Le dernier onglet est la section admin. Et ici, vous pouvez essentiellement gérer tous les paramètres de votre compte, la gestion des utilisateurs par compte ou peut-être pour conteneur. Vous pouvez également exporter votre version actuelle ou n'importe quelle version que vous avez déjà créée afin de pouvoir la migrer vers un autre conteneur ou peut-être simplement créer une sauvegarde pour un moment ultérieur. Vous pouvez, bien sûr, importer des conteneurs ici aussi. Et si vous avez oublié où vous pouvez trouver votre code de gestionnaire de balises d'installation Google ici est une autre façon de simplement cliquer dessus et vous obtiendrez ce code. Eh bien, c'est toute la vue d'ensemble de l'interface. Nous verrons un peu plus de détails une fois que nous commencerons à travailler avec. 4. Best pratiques et facteurs et facteurs et facteurs: Maintenant, jetons un coup d'oeil à ce que vous devez considérer lorsque vous travaillez avec Google Tag Manager et quelles sont quelques-unes des meilleures pratiques ? La première chose que vous devez considérer est que le gestionnaire de balises google est fondamentalement basé sur JavaScript. Cela signifie qu'il est limité uniquement à la fenêtre de votre navigateur. Ainsi, vous pouvez faire tout ce que JavaScript peut faire dans votre navigateur, mais vous ne pouvez pas suivre, analyser ou influencer quoi que ce soit en dehors de celui-ci. L' autre chose est que si vos visiteurs ont JavaScript désactivé, le gestionnaire de balises Google n'aura pas toutes ses fonctionnalités. Ça va être limité aux balises d'image, qui allaient regarder un peu plus tard. C' est l'une des limites dont vous devez être conscient. Deuxièmement, qui n'est pas en fait une limitation, mais plus d'une contrainte de votre part est la façon dont vous pouvez exposer les données au gestionnaire de balises Google . Il ne connaîtra pas toutes vos données sur votre site il ne connaîtra que les données que vous avez fournies. Par exemple, si vous utilisez un plugin dans WordPress, alors vous pouvez simplement cocher certaines cases et vous obtiendrez ces données supplémentaires automatiquement poussées à la couche de données et elles seront accessibles dans le gestionnaire de balises Google. Sinon, vous devrez demander à un développeur d'exposer certaines de vos données qui ne sont pas disponibles sur le frontend de votre site Web. La prochaine chose que vous devez considérer est l'impact de votre gestionnaire de balises Google et de vos balises sur la vitesse de votre site Web. Même si le gestionnaire de balises Google se charge de manière asynchrone, il a toujours un impact sur la vitesse de traitement de votre site Web. Cela n'aura pas beaucoup d'impact sur le rendu, donc à quelle vitesse votre page est rendue, mais cela va néanmoins consommer votre CPU . Et aussi, vous devez considérer si vous avez beaucoup et beaucoup de tags. Cela ralentirait considérablement votre site Web, et surtout si vous ferez une sorte de manipulations de HTML. Ensuite, cela pourrait ralentir l'ensemble de la page encore plus. Donc, si vous avez une chance de limiter ce genre de tags, s'il vous plaît faites-le. Et aussi, vous pouvez retarder le déclenchement de certaines des balises non importantes un peu plus tard. De cette façon, votre page semblera se charger plus rapidement. Le dernier point que je veux faire un gestionnaire de balises google est juste un outil. Selon la façon dont vous l'utilisez et ce que vous savez à ce sujet, ce sera, encore une fois, un facteur limitatif. Donc, si vous connaissez HTML, si vous connaissez JavaScript, si vous savez comment déboguer des problèmes, alors bien sûr vous utiliserez le gestionnaire de balises Google à son plein potentiel. Cela dit, dans ce cours, nous allons nous concentrer sur les balises et les exemples où vous n'avez pas besoin de ces connaissances. Mais si tu as cette connaissance, tu seras capable de faire beaucoup, beaucoup plus. D' accord. Examinons donc quelques bonnes pratiques lors de l'utilisation du gestionnaire de balises Google. Pour revenir à la vitesse si vous avez des balises ou des déclencheurs inutilisés, veuillez les supprimer du gestionnaire de balises Google. Tout ce que vous n'utilisez pas et qu' il continue à charger va ralentir votre site Web. Donc, si vous avez des outils de suivi que vous testez, et que vous ne les supprimez plus simplement. va de même si vous avez des données de suivi que vous collectez, mais vous les vérifiez rarement et ce n'est pas si important. Il suffit de l'enlever. Cela aura un impact significatif sur la vitesse de chargement. Donc, la prochaine chose est le contrôle de version. Lorsque vous créez de nouvelles versions de vos conteneurs essayez de les décrire plus en détail. Vous avez deux champs. L' un est le titre et l'autre la description. Essayez de les rendre aussi clairs que possible Lorsque vous regarderez vos versions et si vous voulez restaurer une version précédente, vous saurez immédiatement quelle version fait quoi ou quels éléments, balises, déclencheurs étaient présents dans un certaine version. Ou quelles modifications ont été apportées dans cette version afin que vous puissiez décider si c'est la bonne version pour vous. En outre, envisagez de faire des versions par incréments. n' attendez pas jusqu'à ce que vous ayez comme 10 tags différents, 5 variables différentes, 8 déclencheurs différents tous configurés Et puis faites juste une énorme version hors de celui-ci. Essayez de les segmenter par ensembles logiques. De cette façon lorsque vous revenez à une certaine version, vous ne perdrez pas toutes les mises à jour des autres versions. La suivante est plutôt une bonne pratique générale chaque fois que vous faites des choses. C'est la gestion des utilisateurs. Lorsque plusieurs utilisateurs travaillent sur votre conteneur, sur vos comptes, veuillez donner à chaque utilisateur son propre accès. Ne partagez pas votre compte avec eux. Ne partagez pas votre mot de passe avec eux. C' est vraiment mauvais du point de vue de la sécurité mais aussi, si vous donnez accès à chaque utilisateur individuellement, vous serez en mesure de voir qui a fait des modifications au conteneur. Qui a fait des balises spécifiques, des déclencheurs, qui a publié quelque chose. Vous aurez donc un aperçu de ce qui se passe à l'intérieur de votre conteneur. Et ce n'est pas si compliqué de créer des utilisateurs , il n'y a donc aucune raison pour vous de ne pas le faire. La dernière chose qui est vraiment importante, c'est : faire un plan. Ne vous contentez pas de sauter dans le gestionnaire de balises Google et commencez à cliquer autour. Si vous testez, c'est bon. Mais si vous voulez l'utiliser dans un but spécifique, faites un plan. Faites une stratégie de la façon dont vous voulez l'aborder. quelles choses avez-vous vraiment besoin ? Qu' est-ce que tu veux suivre ? Que voulez-vous créer et marquer tout cela dans un document ? Vous faites probablement cela en dehors du gestionnaire de balises Google de toute façon. Essayez donc d'avoir un plan avant de commencer à travailler sur vos balises. 5. Conventions de nombres: Jetons un coup d'oeil à certaines des conventions de dénomination maintenant. Nous avons déjà parlé des noms de compte, qui devraient pour la plupart être le nom de votre entreprise. Ou si vous faites cela pour vos clients créez simplement un nouveau compte pour eux avec le nom de leur entreprise. Si vous travaillez avec plusieurs clients, utilisez un compte différent pour chaque client car tous les utilisateurs du même compte peuvent voir d'autres utilisateurs et ainsi ils peuvent voir avec qui vous travaillez. Donc je vous suggère de faire des comptes différents pour différents clients. En ce qui concerne les conteneurs, utilisez simplement votre site Web si vous le publiez sur le nom du Web ou de l'application, si vous l'utilisez dans l'application. Vous pouvez également le séparer par vos environnements afin de pouvoir disposer de plusieurs conteneurs différents pour chaque environnement, tels que l'environnement de développement, l'environnement de transit, l'environnement de test, etc. Mais le gestionnaire de balises Google vous donne une meilleure option à l'intérieur d'un conteneur pour gérer cela. Donc, je suggère d'utiliser juste un conteneur pour tous les environnements qu'il va être beaucoup plus facile à gérer. Le point suivant que je veux faire est de savoir comment nommer des balises, des déclencheurs et des variables. Commençons par les balises. La meilleure façon de nommer les tags, à mon avis personnel, est de commencer par le produit puis de passer au type de suivi et à la fin de quelle page il affecte. Donc, par exemple, ici dans la présentation, vous pouvez voir que nous avons, Facebook. Donc, c'est le produit. C' est à propos du pixel. Donc, c'est le type de suivi et il effets ajouter à la carte. Il en va de même pour Google Analytics. Et puis ce sont les événements. Et ce qui se passe... Abonnez-vous. Et encore une fois, Google Analytics déclenche juste une vue de page. Vous pouvez abréger tous ces produits ou vous pouvez simplement les écrire dans leur intégralité. Je vous suggère de choisir quelque chose qui fonctionne pour vous et de vous en tenir. Ne vous contenterez pas de le changer. Si vous décidez d'abréger tout, puis abréviez si vous décidez d'aller avec le nom complet, faites-le de cette façon. Si vous voulez capitaliser tout ou en minuscules tout ce cas de titre comme je l'ai ici juste coller avec cela. Je vous suggère des balises de cas de titre et des déclencheurs et je vais expliquer pourquoi je ne fais pas cela avec des variables un peu plus tard. Alors vérifions les déclencheurs. Pour les déclencheurs je vous suggère d'utiliser le format où vous avez dit l'événement comme une première partie, puis plus de détails après. . Par exemple, vous pouvez avoir comme un événement, puis un emplacement ou peut-être un temps ou peut-être une sorte de filtre ou d'action. Et vous pouvez voir ici dans les exemples. Il s'agit d'un déclencheur de minuterie après 30 secondes. Donc ça explique ce que fait ce déclencheur quand tu fais ça. Il en va de même pour les étiquettes. Si vous le préfixez de la même manière lorsque le gestionnaire de balises Google le trie , vous aurez tous les minuteurs au même endroit et il est plus facile de les trouver lorsque vous les cherchez. Le gestionnaire de balises Google vous permet de trier par type de déclencheur ou par type de balise mais de cette façon, il sera automatiquement trié. Alors passons aux variables maintenant, j'utilise des minuscules dans les variables parce que les cas de titre du gestionnaire de balises Google, toutes les balises, les déclencheurs et les variables et je veux être en mesure de distinguer entre les variables intégrées et mes variables créées. Comme j'ai structuré les variables de cette façon, je définis le type de la variable et ensuite ce qu'elle contient. Ainsi, par exemple, c'est comme une variable DIV qui contient l'ID utilisateur et ensuite vous pouvez avoir comme une variable URL qui contient les paramètres de requête. Et si vous voulez spécifier spécifiquement quel paramètre de requête, je vous suggère d'ajouter à la fin un peu comme ce qu'il détient comme un ID d'affiliation ou peut-être un e-mail. Si vous transmettez un e-mail ou quelque chose comme ça, ou par exemple, vous pouvez avoir comme un cookie de référence. Donc, le dernier point est les dossiers dans Google Analytics. Et fondamentalement, à l'intérieur des dossiers, vous pouvez regrouper les balises, déclencheurs et les variables. Et cela vous aidera à combiner et trier et à avoir un meilleur aperçu de ce que vous faites. Ce que vous devez savoir, c'est que les balises, les variables et les déclencheurs ne peuvent être que dans un seul dossier. Puisque les variables peuvent être présentes dans plusieurs déclencheurs et dans plusieurs balises, vous devez vraiment réfléchir à la façon dont vous voulez configurer ces dossiers. Et cela dépend entièrement de vous. Je peux vous donner quelques suggestions. Comme vous les voyez déjà ici, vous pouvez les regrouper par type de balise. Ainsi, par exemple, tout ce qui est connecté à Google, Google Analytics ou tout ce qui est connecté à Facebook ou à un autre produit. Vous pouvez les regrouper par groupes fonctionnels, comme tout ce qui est lié à la caisse ou tout ce qui est lié au suivi de votre affiliation. Ou vous pouvez simplement créer des dossiers par les membres de l'équipe afin que vous puissiez voir qui a créé les balises, les variables et les déclencheurs. D' accord. C' est tout pour les meilleures pratiques et les considérations. Et je te verrai dans la section suivante. 6. Plugins Chrome utile pour travailler avec Google Tag Manager: La première chose dont je veux parler sont quelques-uns des plugins essentiels pour Google Chrome, que j'utilise chaque fois que je travaille avec Google Tag Manager. . J' ai fait ce fichier avec tous les liens et de courtes descriptions, et vous pouvez le trouver sous les ressources. Vous n'avez pas besoin d'installer tous ces plugins, mais je vous suggère d'installer ceux que nous utiliserons tout au long du cours. Bien sûr, il y a beaucoup plus de plugins que vous pouvez utiliser qui ont des fonctionnalités avancées lorsque travaillez avec Google Tag Manager. Mais nous n'entrerons pas dans ces plugins ici car nous ne les utilisons pas pendant le cours. Donc, le premier plugin que nous allons vérifier est tag assistant par Google. Et ce que ce plugin fait, il vous aide à suivre toute l'activité de différents produits Google comme gestionnaire de balises Google, mais aussi de Google Analytics, Google annonces. Il va vous montrer lequel de ces pixels réellement déclenchés, qui fonctionnent, qui ne sont pas les événements qui ont été déclenchés. Et de cette façon, vous pouvez vraiment entrer dans tous les détails de ce qui se passe et voir si tout fonctionne comme il se doit. Comme vous pouvez le voir ici sur cette capture d'écran, si cette icône va devenir verte, alors tout fonctionne comme il se doit. Si c'est bleu, ce qui n'est pas marqué ici, alors fondamentalement il y a une sorte d'implémentation similaire, ce qui n'est pas attendu, mais cela devrait fonctionner OK. S'il est jaune ou rouge , il y a quelques problèmes avec l'implémentation de ce pixel. et vous devriez vérifier. Une des meilleures choses à propos de ce plugin est, laissez-moi simplement cliquer sur le mien, est le bouton d'enregistrement. Le bouton d'enregistrement vous permet d'enregistrer toute la session toutes les balises et tous les scripts qui ont été chargés. Et vous pouvez vérifier les journaux plus tard et voir si tout fonctionnait comme il se doit. C' est l'un des quatre plugins que nous allons vérifier qui vérifient les pixels sociaux et publicitaires. Le suivant est le pixel Facebook et il a une sorte de fonctionnalité similaire à Google tag assistant. Ça va vous donner plus de détails sur les déclencheurs, pour Facebook. Donc, si le pixel est correctement chargé, si les événements ont été déclenchés, quels événements ont été déclenchés et ainsi de suite. Donc, plus de détails afin que vous puissiez déboguer côté Facebook des choses plus faciles. Comme vous pouvez le voir avant de continuer, j'ai la plupart de ces plugins installés ici et nous allons les utiliser tout au long du cours et vous verrez exactement comment ils fonctionnent. Donc, vous n'avez pas besoin de vous embêter dès maintenant ce que exactement chacun de ces plugins faites-vous simplement les installer comme nous allons. Donc le suivant est Twitter. Encore une fois, celui-ci vérifie la mise en œuvre du pixel Twitter. Il va vous donner plus de détails sur les événements de tir et tout ce qui est connecté à Twitter. Donc, si vous allez utiliser Twitter, vous pouvez l'utiliser pour vérifier si tout fonctionne. Et la dernière de cette section est pour Bing. Donc, si vous faites de la publicité Bing, alors, bien sûr, vous voulez avoir ce pixel, Désolé, vous voulez avoir ce plugin, activé donc il sera plus facile pour vous de déboguer. L' outil suivant est l'explorateur de balises. Et fondamentalement ce que cela fait est en quelque sorte de vous montrer tous ces pixels et tous ces scripts qui s'exécutent sur votre site Web dans une seule interface. Ainsi, vous pouvez facilement voir, par exemple, ici, comme vous pouvez le voir sur la capture d'écran que votre pixel Facebook est en cours d'exécution, que votre Universal Analytics est en cours d'exécution, ainsi que gestionnaire de balises Google. Mais cela ne vous donnera pas plus de détails sur les événements qui sont déclenchés, les données qui sont collées via ce service. C' est donc une sorte de plugin cool pour vue d'ensemble rapide des scripts en cours d'exécution, mais cela ne va pas vous donner plus de détails dans certains cas. Vous pouvez également désactiver ces pixels afin qu'ils ne vous suivent pas. Par exemple, si vous souhaitez surfer sur d'autres sites Web. Le prochain plugin que nous allons vérifier est le débogage GTM/GA . Et ce que ce plugin fait, il vous permet d'obtenir plus de détails sur Google Tag Manager et aussi Google Analytics dans une interface cool. Et comme vous pouvez le voir ici, vous pouvez avoir comme différent. Vous pouvez vérifier quels événements ont été déclenchés, quelles valeurs les variables contiennent et quelles données ont été transmises à couche de données, etc. Donc nous allons entrer dans ces choses un peu plus tard sur le parcours. Donc tu sais exactement de quoi je parle. Mais faites-moi confiance pour l'instant c'est un excellent outil à des fins de débogage. Le suivant est GTM Copy Coller, qui est un outil vraiment utile si vous gérez ou avez plusieurs comptes de gestionnaire de balises Google . Comme il vous permet de copier simplement des balises de collage ou des déclencheurs et des variables d'un compte à un autre. Comme le gestionnaire de balises Google n'a pas cette fonctionnalité nativement dans son système. Cela va vous épargner beaucoup de temps si vous voulez copier certaines balises d'un compte à un autre. Donc, c'est vraiment utile si vous travaillez avec plusieurs acounts. Et le dernier est Adswerve, je ne suis pas sûr exactement comment le prononcer, ce qui est vraiment cool aussi, avec beaucoup de fonctionnalités avancées comme l' injection de code de gestionnaire de balises Google sur des sites aléatoires. Vous pouvez l'injecter sur votre propre site sans l'implémenter réellement, dont nous parlerons un peu plus tard. Vous pouvez surveiller la couche de données en temps réel, vous pouvez voir quelques appels de Google Analytics et ainsi de suite. Donc, c'est un plugin vraiment cool avec beaucoup de fonctionnalités que vous pouvez utiliser plus loin quand vous devenez un peu plus avancé. Voici donc un aperçu rapide des plugins. Comme je l'ai dit au début vous n'avez pas besoin de tous les installer. Vous pouvez les installer un par un au fur et à mesure que nous allons car vous verrez lesquels sont vraiment utiles pour vous et ceux qui ne le sont pas. Pour le moment je voudrais au moins vous suggérer d'installer l'assistant de balise parce que dans la section suivante sera implémenter Google Tag Manager, et ce sera l'un des moyens les plus faciles de vérifier si tout fonctionne correctement. 7. Créer un compte de gestionnaire Google Tag Manager: Jetons donc un coup d'oeil maintenant comment vous pouvez accéder à Google Tag Manager et créer votre premier compte. Vous pouvez fondamentalement simplement taper tagmanager.google.com ou juste Google « Tag Manager ». Et probablement le premier coup sera le bon. Donc, avant de pouvoir y accéder, vous devez avoir un compte Google. Si vous ne l'avez pas, vous devez en créer un. Si vous possédez déjà un compte Google, vous pouvez simplement vous connecter avec votre compte existant. Et c'est quelque chose que je vais faire maintenant. Et vous pouvez y accéder, comme vous le verrez en une seconde. J' ai déjà quelques comptes créés ici. Si c'est la première fois que vous le faites, cela va être similaire comme simplement cliquer ici sur créer un compte. Si vous avez déjà des comptes et que vous voulez en créer un nouveau cliquez ici. C' est donc l'écran que vous verrez pour la première fois lorsque vous créez un nouveau compte. La première chose que vous devez faire est de configurer un conteneur de compte pour le nom du compte. Il est préférable d'utiliser le nom de votre entreprise ou, si vous le faites pour votre client utilisez son nom de société. Donc, pour l'instant, je vais juste utiliser « cours GTM ». Ensuite, vous pouvez sélectionner votre pays. Je vais le laisser comme États-Unis. Ensuite, vous devez configurer votre conteneur. Un conteneur est essentiellement une collection de tous vos tags et scripts, que nous verrons dans un instant pour une plate-forme particulière. Ainsi, comme votre site Web, si vous avez plusieurs sites Web, vous pouvez avoir plusieurs conteneurs, chacun différent pour un site Web spécifique ou pour des applications mobiles comme pour iOS ou Android, ou même si vous utilisez pages Google AMP, vous pouvez également l'utiliser. meilleure pratique pour nommer un conteneur consiste à utiliser le nom du site Web ou de l'application mobile que vous utilisez. Donc, pour notre but, je vais juste taper « gtm.outtale.com ». Et je vais sélectionner, le site Web que nous allons tester ces sur notre boutique de site Web. Ensuite, vous devez accepter certaines conditions de service. Vous devez les accepter et après cela, votre compte est tout configuré. La première chose que vous verrez lorsque cela se produit est les instructions sur la façon de tout configurer sur votre site Web. Ce sera probablement la dernière chose que vous devrez demander à votre développeur de faire. Pour insérer ce code sur votre site Web. Nous examinerons également comment vous pouvez insérer ces codes sur votre site Web pour vous-même. Pour l'instant, vous pouvez simplement le copier et l'envoyer à un développeur si, pour une raison quelconque, vous ne voyez pas cet écran Google Tag Manager instal la première fois que vous vous connectez. Ou si vous avez déjà créé un compte et que vous avez oublié où trouver ce code, il est facilement accessible via Google Tag Manager ID. Vous cliquez essentiellement dessus et vous revenez directement à cet écran. Si vous avez des questions sur la façon de mettre en œuvre ce Google fournit également un guide de démarrage rapide avec quelques informations supplémentaires. Voyons maintenant comment insérer ces codes dans votre site Web. 8. L'aperçu des 5 méthodes de configuration de 5 méthodes d'instalations: Maintenant, regardons comment nous pouvons installer le code de gestionnaire de balises Google pour le conteneur que nous avons obtenu dans la leçon précédente . Nous allons examiner cinq façons différentes et comment nous pouvons mettre cela sur notre magasin ou sur notre site Web. Le premier sera l'installation manuelle. Ce sera un peu plus technique mais si vous avez un site Web personnalisé, cela vous aidera à passer à travers cela. Ensuite, nous allons vérifier WordPress, Shopify et Squarespace, qui sont toutes des plateformes. Et enfin, nous allons jeter un coup d'oeil à l'injecteur de gestionnaire de balises via Adswerve, qui vous permettra injecter gestionnaire de balises Google code Container dugestionnaire de balises Googlesur n'importe quel site Web. Ce n'est pas le piratage c'est simplement le faire dans votre propre navigateur à des fins de test. Vous pouvez passer à la section qui vous intéresse ou vous pouvez écouter toute la conférence et apprendre à implémenter ces codes sur l'une de ces plateformes. Commençons donc par l'installation manuelle. 9. Installation manuelle de Google Tag Manager sur votre site Web: J' ai mis en place des sites de démonstration à cet effet. Et comme vous pouvez le voir actuellement, si nous vérifions l'assistant Google tag, nous pouvons voir qu'il n'y a pas de balises en cours d'exécution sur ce site Web. Pour installer le conteneur Google Tag Manager sur votre site Web vous devez avoir un accès aux fichiers de votre site Web. Vous pouvez le faire via un FTP ou via votre fournisseur d'hébergement. Ils vous donnent généralement une sorte de gestionnaire de fichiers pour gérer tous ces fichiers. Ensuite, vous devez trouver le fichier correct pour mettre ce code dans. Habituellement, si c'est comme un site Web personnalisé, il va y avoir un fichier « index.something », qui est généralement le premier trouvé qu'il charge et il contient l'en-tête et le pied de page de la page. Avec certaines plateformes , c'est un peu différent donc vous devrez vérifier cela. Et s'ils utilisent une sorte de thèmes similaires, cela pourrait être différent à nouveau. Mais le but est de trouver le fichier qui contient l'en-tête et le début du corps, qui verra bientôt ce que je veux dire par. D' accord. Alors ouvrons ce fichier et vous verrez un tas de code ici et pour l'instant, nous allons juste le laisser. Donc, si nous revenons au gestionnaire de balises Google. Il dit que nous devons coller la première partie des codes dans la section de tête de la page aussi haut que possible. Je vais retourner à mon dossier et je vois que c'est la section de la tête qui s'étend d'ici à ici. Je vais mettre ce code de gestionnaire de balises Google juste en dessous de la partie titre pour l'instant et puis je vais aller à la deuxième partie, qui dit que nous devons le mettre juste en dessous de la balise d'ouverture du corps. Nous devons retourner à notre dossier. Et comme il y a beaucoup de même texte, vous pouvez trouver la balise body assez facilement en cherchant dans votre navigateur, en tapant « body ». Et vous voyez, on l'a déjà trouvé ici. Et je vais juste mettre ce script juste en dessous de la balise d'ouverture. Je vais le sauver. Et attendons. Revenons sur notre site de démonstration pour l'instant. Rien ne se passe. Nous devons donc actualiser la page. On va attendre un peu. Comme vous le voyez, le gestionnaire de balises Google a chargé il dit 1 ici, il est jaune, cependant. Comme je l'ai déjà dit, cela pose un problème. Voyons quel est le problème. Et il dit que cela pourrait être dû à un conteneur vide ou non publié. Puisque nous n'avons rien dans le conteneur et que nous ne l'avons pas encore publié c'est bon pour l'instant. Pour notre but nous savons déjà que l'étiquette tire et qu'elle devrait fonctionner. Bien sûr, vous pouvez également le vérifier avec Tag Explorer et vous verrez Google Tag Manager en cours d'exécution maintenant. Mais si vous n'avez pas installé ces plugins, vous pouvez vérifier cela en vérifiant également le code source de la page. Dans la plupart des navigateurs vous faites un clic droit sur l'arrière-plan du site Web et cliquez sur « Afficher la source de la page ». Encore une fois, tout ce code va être ouvert, comme vous l'avez vu auparavant dans le gestionnaire de fichiers. Et puis vous pouvez simplement parcourir et voir que le code de gestionnaire de balises Google a été ajouté. Et c'est sous le tag title. Et l'autre est juste en dessous du corps. Donc tout va bien. Et vous pouvez commencer à travailler sur vos balises et scripts. 10. Configuration de Google Tag Manager: Maintenant, regardons comment nous implémenterions le même code dans WordPress. A cet effet j'ai créé WordPress store sur le même site. Donc je vais juste vérifier. Comme vous pouvez le voir, cela fonctionne et il ne tire pas de tags pour l'instant. Alors allons à notre WordPress. Vous pouvez simplement écrire « wp-admin ». Il y a deux façons de le faire dans WordPress. Le premier est, encore une fois, l'installation manuelle, que je vais juste traverser parce que ce n' est pas le point ici. Mais vous pouvez le faire sous l'apparence et sous l'éditeur de thème où vous aurez essentiellement le même accès aux fichiers Theme que vous aviez précédemment dans la section fournisseur d'hébergement. Le fichier d'en-tête de thème est le bon, mais cela dépendra de votre thème si vous avez comme une équipe enfant ou autre. Mais pour ma configuration vanille, vous pouvez voir que j'ai ici la section tête et la section corps et je pourrais juste copier coller le code ici et l'enregistrer. Mais ce qu'on va faire, on va utiliser un plugin. Allons donc ajouter un nouveau plugin pour installer le gestionnaire de balises Google. Et ce que vous verrez est qu'il y a beaucoup de plugins google tag manager, mais celui que j'utilise et je vous suggère d'utiliser aussi, est le gestionnaire de Google pour WordPress par Thomas Geiger. Et vous verrez dans un certain temps qu'il vous donne tant d'options sans le besoin d'un développeur et cela fonctionne très bien. Alors installons ça. Et activez-le. D' accord. Et passons aux paramètres. Donc, la première chose que vous verrez, il y a tellement d'étapes qui vont passer mais pour l'instant, nous devons d'abord obtenir un identifiant de gestionnaire de balises Google. Si nous revenons à notre gestionnaire de balises Google, vous verrez qu'il s'agit de votre identifiant. Vous pouvez copier le coller à partir d'ici. Ou vous pouvez le copier coller à partir d'ici. Donc j'ai juste fait ça et je vais y retourner et je vais le coller. Assurez-vous simplement que lorsque vous collez des choses que vous n'avez pas d'espaces spéciaux au début ou à la fin. Et j'en avais un , alors je vais juste l'enlever. Et puis je dois sélectionner un placement de code conteneur. Le « pied de page de la page », qui n'est pas recommandé par Google, signifie essentiellement que la deuxième partie du code, qui est destinée à tous les navigateurs qui, pour une raison quelconque, ont JavaScript désactivé, sera mise presque à la fin de la page. Cela n'est pas recommandé car beaucoup de scripts et de balises qui se déclencheront peuvent ne pas se déclencher correctement ou ils se déclencheront correctement, mais pas à temps. Donc nous allons utiliser l' « injection sans code » qui pourrait briser votre Frontend. C' est l'avertissement. Si cela se produit, utilisez le « pied de page de la page ». Ou si vous avez la possibilité de demander à votre développeur ou si vous voulez le faire vous-même, vous pouvez utiliser cette coutume, mais alors vous devrez placer ces codes sous la balise body comme nous l'avons vu précédemment dans l'éditeur de thème. Ok, alors sauvegardons les changements pour l'instant et vérifions si tout fonctionne dans le frontend. Retournons à notre boutique. Et actualisons la page. Comme vous le voyez, le gestionnaire de balises Google a tiré. Nous n'avons pas encore publié le conteneur ou nous n'avons rien mis à l'intérieur, donc il est toujours jaune. Mais comme on peut le voir, pour l'instant, ça marche. Plus tard, nous vérifierons ce que font tous ces onglets. Mais je veux juste passer vite sur eux. Fondamentalement, ce qu'il vous permet d'ajouter des options spéciales dans la couche de données sans rien programmer. Vous pouvez donc simplement cocher ou décocher ces cases. Et surtout ce qui est utile est dans la partie intégration pour le site Woocommerce. Vous pouvez essentiellement ajouter toutes les données supplémentaires qui seront sauvegardées lorsque la conversion se produit simplement en cochant ces cases à cocher. Donc, c'est comme ça que vous pouvez l'installer sur WordPress. 11. Configuration de Google Tag Manager: D' accord. Voyons maintenant comment nous pouvons intégrer le gestionnaire de balises Google sur notre boutique Shopify. Alors d'abord, allez dans votre administrateur Shopify. Mais avant de commencer, je vais juste vous montrer ma boutique Shopify et nous vérifierons si le gestionnaire de balises Google est déjà installé. Comme vous ne voyez pas encore de gestionnaire de balises Google. Et c'est juste magasin de base. Shopify a quelques bonnes instructions sur la façon d'installer le gestionnaire de balises Google dans son centre d'aide mais comme vous le voyez, il se concentre principalement sur Shopify plus les magasins en ligne. Je n'ai pas de boutique en ligne plus. J' ai juste un magasin de base. Mais nous allons utiliser certaines de leurs instructions pour définir une partie du script. Donc, comme il est dit ici, nous devons copier les extraits de code du gestionnaire de balises Google dans deux fichiers, « theme.liquid » et « checkout.liquid » et nous pouvons copier la première partie dans le fichier liquide en allant sur les thèmes de la boutique en ligne, sélectionnant notre thème, en passant sous les actions et dans la section d'édition du code. Cette première partie est vraiment similaire à l'installation manuelle et l'installation manuelle WordPress dont nous avons parlé auparavant. Donc nous pouvons voir ici nous avons la section de la tête et si nous faisons défiler un peu vers le bas, avoir la section du corps. Mais selon leurs instructions si on le met dans le fichier liquide, ça ne se montrera pas partout. Il ne sera pas visible dans le processus de paiement. Pour cela, nous devons le mettre dans le « checkout.liquid » aussi. Mais comme je l'ai mentionné, comme je suis sur un plan de base, je n'ai pas ce fichier liquide nulle part ici. n'y a pas de fichier « checkout.liquid » à modifier. Nous allons donc le faire un peu différemment et nous allons nous assurer que notre gestionnaire de balises Google est également installé sur la page de paiement. La première chose que nous devons faire est de copier la deuxième partie du code du gestionnaire de balises Google et nous allons mettre juste en dessous de la balise body. Nous ne mettrons pas la première partie dans la section tête car nous allons le faire un peu différemment. Cela signifie que dans la partie magasin de la boutique, les personnes ayant JavaScript désactivé seront en mesure de charger le gestionnaire de balises Google. Mais sur la page de paiement, malheureusement, ce ne sera pas le cas. Mais pour la plupart des autres personnes qui ont JavaScript activé ce processus va très bien fonctionner. Alors sauvegardons ce fichier. Et puis vous devez aller sous les préférences. Et nous devons trouver la section Google Analytics. Ici, il est dit, nous devons coller Google analytics. Et il y a quelques mois, vous pourriez essentiellement coller la première partie du code de gestionnaire de balises Google ici, et cela fonctionnerait bien. Mais maintenant, ils l'ont amélioré un peu et vous ne pouvez plus le faire. Ce que nous devons faire, c'est que vous devez accéder à vos comptes Google Analytics et copier coller votre code d'identification de suivi . Je ne vais pas entrer dans les détails comment le faire en ce moment. Tu devrais être capable de comprendre ça. Si vous n'avez pas encore Google Analytics, vous souhaitez toujours installer le gestionnaire de balises Google sur votre boutique Shopify . Vous pouvez simplement simuler ce nombre en entrant UA-un numéro aléatoire 1. . Assurez-vous juste qu' il y a neuf chiffres et qu'il y a « 1" à la fin aussi. Donc, ce que nous allons faire maintenant, c'est que nous allons enregistrer ceci et vous verrez que cela devient notre code de compte Google Analytics . Et Google Analytics est désormais intégré dans la boutique Shopify. Et ci-dessous, vous pouvez voir que nous pouvons ajouter du JavaScript personnalisé à Google Analytics. Et c'est ce que nous allons faire. Nous allons utiliser ce champ pour insérer notre code de gestionnaire de balises Google. Donc, nous allons coller le code entier ici. Mais maintenant, nous allons devoir enlever certaines parties. Nous devons supprimer ce commentaire du gestionnaire de balises Google et aussi, nous devons supprimer cette partie de script. Veillez à ne pas enlever le point-virgule à la fin. Nous devons faire de même au début. Supprimez à nouveau la partie script et le commentaire du gestionnaire de balises Google. Veillez à ne pas enlever les supports. Pendant que nous faisons cela, nous pouvons cliquer, enregistrer et tout fonctionne. Maintenant, retournons à notre magasin et rafraîchissons-le. Comme vous le voyez à nouveau gestionnaire de balises Google a chargé ainsi que Google Analytics, que nous avons inséré là aussi. Pour vous assurer que ce gestionnaire de balises Google fonctionne également sur la page de paiement , allez à notre produit de démonstration. Ajoutez-le au panier. Et comme vous le voyez, le code du gestionnaire de balises Google est toujours actif. Maintenant, allons à la page de paiement. Et encore une fois le gestionnaire de balises Google, ainsi que le code Google Analytics sont présents. Cela signifie essentiellement que nous avons configuré correctement le gestionnaire de balises Google sur Shopify et que nous pouvons passer à Squarespace. 12. Configuration de Google Tag Manager: Le mettre en place à Squarespace c'est assez simple. Mais je voulais toujours vous montrer pour que vous puissiez l'installer si vous utilisez Squarespace. Tout d'abord, ouvrons notre site Web. Comme vous le voyez, nous avons notre site Web ici. Et il y a en fait des balises déjà en cours d'exécution. Il y a Footlight et Google tag manager. Mais ce n'est pas notre gestionnaire de balises Google. Je pense que c'est de Squarespace. Donc pour l'instant, on va juste l'ignorer. Ensuite, vous devez aller sous l'onglet Paramètres. Et sous la section avancée et vous verrez la section d'injection de code. Cela injecte essentiellement le code au bon endroit. Et nous avons déjà notre section d'en-tête et nous allons juste aller dans le gestionnaire de balises Google et copier ces parties. Et nous le mettrons dans cette section. Je n'ai pas enregistré Squarespace, donc je vois cette notification. Tu ne le vois probablement pas. Si vous avez une version payante de Squarespace, vous pouvez simplement l'ignorer. L' autre partie du gestionnaire de balises Google, nous devons le mettre dans la balise body, mais vous n'avez pas cette option ici sur Squarespace. Nous devons donc le mettre dans la section pied de page. Comme je l'ai déjà mentionné dans la partie Shopify Ce n'est pas la meilleure option, mais puisque nous n'avons pas d'autre option en ce moment, cela devra faire. Alors sauvegardons ça. Dès que nous l'enregistrons vous voyez déjà que nos balises ont été ajoutées. Et si vous vérifiez, vous pouvez voir que WBF-V6SZ est exactement notre tag. Nous l'avons donc installé avec succès sur votre boutique Squarespace. 13. Injecter le conteneur GTM à n'importe quel site Web: La dernière chose que je veux vous montrer est comment installer le gestionnaire de balises Google via un plugin. Revenons à notre cas d'un seul téléavertisseur. Et j'ai déjà supprimé le code du gestionnaire de balises Google. Donc tu vois que ça ne marche pas. Et je vais l'injecter maintenant du côté du navigateur. Cela signifie essentiellement que le script sera chargé uniquement à l'intérieur de mon navigateur. Et vous pouvez le faire pour n'importe quelle page avec votre conteneur, mais il ne sera contenu que dans votre navigateur. Tu ne pirates aucun site et ça ne sera pas permanent. Donc pour ça, nous allons utiliser le plugin Adswerve. Je ne peux toujours pas prononcer. Il et nous allons aller ici sous les options d'avance sous la fonctionnalité d'ajout et nous allons cliquer sur le conteneur d'insertion GTM. Et ici , il dit que nous avons besoin de la partie après le GTM Dash. Donc fondamentalement, juste les chiffres. Et je vais aller dans mon gestionnaire de balises Google. En fait, ce ne sont pas les chiffres, mais je vais choisir cette partie et je vais y retourner. Ajouter des fonctionnalités dans le conteneur GTM. Et je vais le coller encore ici. Assurez-vous qu'il n'y a pas d'espaces blancs devant ou derrière ce code juste au cas où vous les copiiez accidentellement. On va aussi correspondre à l'hôte. Alors. Et nous allons sauvegarder et recharger la page. Dès que cela se produit, vous pouvez voir notre gestionnaire de balises Google a été chargé ou essentiellement injecté dans ce site Web. Et vous pouvez tester les fonctionnalités sans affecter vos visiteurs. Ce sont toutes les différentes façons dont vous pouvez installer le gestionnaire de balises Google. Il y a beaucoup plus de plates-formes que vous pouvez probablement utiliser la plupart d'entre eux utilisent une sorte de plugins où vous pouvez le faire manuellement comme nous l'avons montré précédemment. Et maintenant passons à la leçon suivante. 15. Configuration de remarketing Google Ads Remarketing Remarketing Remarketing paramétrage de Google: D' accord. Donc, dans la leçon précédente, nous avons mis en place des analyses de base que vous devriez avoir sur votre site Web. Dans cette leçon, nous allons parler un peu plus de la configuration du remarketing pour les annonces Google. Donc, fondamentalement, le remarketing est de montrer des annonces aux personnes qui ont déjà visité votre site Web ou qui ont fait une action spécifique sur votre site Web et que vous voulez atteindre seulement ces personnes. Encore une fois, grâce à la publicité, le remarketing est vraiment utile parce que vous ciblez des prospects déjà réchauffés qui n'ont pas encore convertis sur votre site Web et que vous voulez les convaincre une deuxième fois de faire cette conversion. Donc, pour cette leçon, nous allons jeter un oeil sur la façon dont vous pouvez y parvenir avec l'aide des annonces Google et du gestionnaire de balises Google bien sûr. Dans la leçon précédente, nous avons cliqué sur les balises et créé une nouvelle balise. Mais comme vous pouvez le voir dans la vue d'ensemble de l'espace de travail, vous pouvez simplement cliquer ici et créer une nouvelle balise de cette façon. On a une fenêtre familière et on va configurer notre tag. Google a déjà prédéfini cela pour nous afin que nous puissions simplement cliquer sur le type de balise de remarketing Google annonces. De cette façon, nous voyons immédiatement ce que nous devons entrer. La première chose que nous devons obtenir est notre ID de conversion. Pour cela nous devrons aller dans le compte Google annonces. Si vous n'avez pas encore le compte, vous devez le créer. Une fois que vous êtes dans le compte Google Ads, vous allez sous Outils et paramètres et, dans la bibliothèque partagée, vous verrez un gestionnaire d'audience. Si vous l'avez déjà fait dans le passé, vous aurez probablement déjà configuré cela. Mais comme je ne l'ai pas fait avant, je vais devoir le mettre en place tout de suite. Alors mettons en place une source d'audience. Et vous avez un tas de sources différentes où vous pouvez extraire ces données. Et on va juste mettre en place Google Ads tag. On va sélectionner le type de remarketing. Et pour l'instant, nous allons seulement recueillir le site Web général, les données de visite. Sauvegardons et continuons. Maintenant, nous devons choisir comment nous allons installer ça sur notre site Web. Si vous utilisez Google Tag Manager, ce que nous sommes. On va cliquer sur ça. Mais vous avez un tas d'autres options, ainsi que l'envoi à votre développeur par e-mail ou l'installation la balise vous-même en utilisant le code source. Donc, il suffit de cliquer sur le gestionnaire de balises Google et immédiatement nous sommes fournis avec l'ID de conversion. Exactement ce qu'on cherchait. Vous avez également des instructions détaillées sur la façon d'installer cela dans le gestionnaire de balises Google si vous en avez besoin . Pour l'instant, copions-le et revenons à notre gestionnaire de balises Google. Nous pourrions simplement coller ce code ici dans le conteneur et fondamentalement nous aurions fini. Mais puisque nous allons utiliser cet ID de conversion un peu plus tard pour d'autres choses, je vais utiliser une variable. Encore une fois, je pourrais passer par les variables et créer une nouvelle variable ou le gestionnaire de balises Google me donne une sorte de moyen plus facile de le faire. Je peux cliquer sur cette brique, ce qui signifie fondamentalement ajouter une variable et je n'ai pas encore de variables pour ID de conversion l'ID de conversion créée, donc je peux juste aller ici et créer une nouvelle variable. Et je vais le nommer Google Ads, ID de conversion. Je vais configurer cette variable, et pour cela je vais utiliser une constante. Cela signifie essentiellement que je vais mettre en place une valeur pour cette variable et je vais coller l' ID de conversion que j'ai obtenu des annonces Google ici. Je vais le sauver. Et bien sûr, je dois supprimer la version précédente. Et c'est la variable qui sera passée dans cette balise. Et je peux le réutiliser quand j'en ai besoin. Il y a aussi une étiquette de conversion, qui est facultative. Mais à moins que vous ne fassiez des listes de remarketing basées sur des balises, vous n'en aurez probablement pas besoin. Cela signifie essentiellement que si vous tirez spécifiquement des balises et que vous voulez faire du remarketing basé sur balises qui ont été déclenchées, vous utiliseriez cette étiquette. Mais comme nous ne faisons que suivre le trafic général sur les pages qu'ils ont visitées, nous devons entrer ceci. Maintenant, installons notre gâchette. Et encore une fois, nous voulons qu'il se déclenche sur toutes les pages , donc nous allons simplement sélectionner le déclencheur de toutes les pages. Donnons juste un nom à cette balise et nous avons fini. Et sauvegardons cette balise. Fondamentalement , nous pourrions créer une nouvelle version et la publier sur notre site Web. Mais je ne vais pas faire ça tout de suite. Comme nous allons regarder comment nous pouvons vérifier si tout fonctionne avant de le publier sur notre serveur en direct. Nous allons le faire en utilisant le bouton d'aperçu et nous allons vérifier cela dans la leçon suivante. 16. Test et débogage avant de publier une nouvelle version: D' accord. Jetons un coup d'oeil maintenant à la façon dont nous pouvons prévisualiser les changements de conteneur et déboguer certains problèmes sans affecter votre site de vie. Et avant de soumettre votre version à votre serveur de production vie. Avant de commencer, je tiens à mentionner qu'il s'agit d'une version mise à jour de la leçon originale. Parce que Google vient de changer l'interface du gestionnaire de balises et certaines choses sont nouvelles. Et je veux l'expliquer dans le nouveau gestionnaire de balises parce que vous n'avez pas d'option d'utiliser l'ancien. Toutes les leçons à partir de maintenant, utilisez l'ancienne version. Parce qu'ils sont vraiment similaires vous ne devriez pas avoir de problèmes à naviguer dans le nouveau que vous apprenez sur l'ancien. À la fin de cette leçon je vais également vous montrer à quoi ressemblait l'ancien. OK, cliquez sur le bouton d'aperçu et commençons. Avant de commencer à expliquer l'outil de débogage je vais juste souligner quelques différences pour vous tous qui connaissent déjà l'ancien mode de prévisualisation du gestionnaire de balises La première différence est que maintenant vous êtes montré ce pop-up où vous devez entrer votre site Web qui vous souhaitez déboguer. J' ai déjà essayé ça avec le mien, donc c'est pré-rempli. Il y a aussi et inclut la case à cocher du signal de débogage, que je suggère que vous venez de vérifier en direct à moins que vous ayez constamment des problèmes de débogage. Alors commençons. OK, la deuxième chose que c'est différent, comme vous pouvez le voir, c'est que maintenant vous n'avez pas de débogueur intégré sur votre site Web. Cela semble beaucoup plus propre et il est beaucoup plus facile de déboguer des pages mobiles où l'immobilier est plus petit. Vous obtenez uniquement ces petites notifications connectées au débogueur, que vous pouvez simplement masquer. Et le débogueur est maintenant dans un onglet séparé. Donc si on va ici, tu verras que ça ressemble à l'ancien. Il y a beaucoup plus d'immobilier ici, donc c'est beaucoup plus facile de voir ce qui se passe. Vous avez tout un historique de vieilles pages vues. Par exemple, si j'actualise cette page. Vous verrez en une seconde qu'un autre événement commencera à suivre. Et avant que vous deviez ouvrir des liens, de nouveaux onglets juste pour ne pas perdre ces données, maintenant vous l'avez dans une fenêtre séparée . Donc c'est beaucoup, beaucoup plus facile. En outre, si vous ouvrez plusieurs onglets ou plusieurs fenêtres lors du débogage. Chacun d'entre eux recevra ce signe spécial. Celui-ci a un carré jaune et celui-ci a une tortue à cheval sur une voiture ou quelque chose de similaire. Donc si on retourne à notre assistant, tu verras que c'est en fait un casque. Vous verrez que vous pouvez immédiatement différencier les événements provenant d'un onglet ou de l'autre. D' accord. Donc, ce sont quelques-unes des différences et quelques fonctionnalités supplémentaires comme le suivi de plusieurs onglets. Maintenant, passons-y et laissez-moi expliquer l'interface plus en détail. C' est un peu comme votre historique de tous les événements regroupés par différentes fenêtres ou différents onglets. C' est donc une fenêtre avec toutes les actions qui se sont produites dans cette fenêtre. Ceci est une autre fenêtre avec toutes les actions se sont produites. Ici, sur le côté droit, vous avez plus de détails sur ce qui se passe. S' il vous plaît, ne vous dérange pas il y a plusieurs balises qui se déclenchent car j'enregistre ceci après avoir créé plusieurs balises. Mais concentrons-nous sur ce qui se passe ici. Si nous cliquons sur Résumé, nous avons un résumé de tout ce qui se passe. Nous pouvons également cliquer sur un événement spécifique et voir Google Ads remarketing tag déclenché. Et il y a beaucoup d'étiquettes qui n'ont pas tiré aussi bien. Donc, si nous cliquons sur cette balise, nous obtenons plus de détails à ce sujet. Nous obtenons les détails sur la balise elle-même et les déclencheurs de déclenchement. Vous pouvez également voir que tous les filtres sont OK c'est pourquoi cette balise a été déclenchée. Si nous, par exemple, cliquez sur une autre balise. Nous verrons qu'il n'a pas tiré et vous avez des détails sur la raison pour laquelle cela ne s'est pas produit. Et ce sont tous les paramètres définis pour cette balise spécifique. Donc, sous l'onglet tags, vous obtenez toutes les balises qui ont et n'ont pas tiré. Donc, le deuxième onglet sont les variables qui sont actuellement définies. Et vous pouvez voir que nous avons le nom de la variable, le type de variable, le type de retour et la valeur de la variable. Et par exemple, l'URL. contient une chaîne pour le bonnet du produit. Parce que c'est le produit que nous avons réellement ouvert. Lorsque vous configurez les variables, vous pouvez vérifier si les valeurs qu'elles contiennent sont correctement définies dans cet onglet. La troisième partie est la couche de données. Je ne vais pas aller plus en détails sur la couche de données parce que c'est un peu plus technique Mais juste pour que vous le sachiez, c'est fondamentalement un objet JavaScript qui contient toutes ces valeurs et événements. D' accord. Donc, si nous revenons aux balises, nous verrons que dans cette chronologie d'événement, si nous passons d'événement à événement que différentes balises sont déclenchées. C' est un déclencheur qui se déclenche après 30 secondes. Et vous pouvez voir qu'une étiquette spécifique a été tirée et rien d'autre. D' accord. Il y a quelques choses que vous pouvez faire ici. Le premier ici, vous pouvez voir votre identifiant de gestionnaire de balises Google. Et cela est utile afin que vous puissiez vérifier si vous exécutez le bon conteneur. Si vous exécutez plusieurs conteneurs, cela changera essentiellement dans un menu déroulant et vous serez en mesure de sélectionner lequel de ceux que vous souhaitez suivre dans le débogueur. Avant de vous montrer l'ancienne version du gestionnaire de balises Google, je veux juste revenir à l'événement chargé de conteneurs et je veux parler de l'étiquette de remarketing Google annonces que nous avons vu tirer. Et que tout comme nous vérifions le Beeny, vérifions juste dans l'assistant tag aussi. Et nous pouvons voir qu'il a tiré avec succès. Une autre chose à noter à propos de l'outil de débogage est que si vous avez installé votre Google tag assistant plugin cette option de plusieurs onglets et plusieurs conteneurs sera réellement disponible pour vous. si vous ne l'avez pas installé pour , lorsque vous le déboguez dans Firefox ou tout autre navigateur, alors malheureusement vous ne serez pas en mesure de déboguer plusieurs onglets en même temps un seul. OK, alors vérifions l'ancienne version et vous verrez qu'elle a l'air super similaire et vous ne devriez pas avoir de problèmes de navigation autour d'elle. C' est une photo d'une ancienne version que j'ai prise. Comme vous pouvez le voir, avant que le débogueur ne soit intégré dans le site Web. Donc tu avais moins de biens immobiliers avec lesquels travailler. Il y avait, bien sûr, une barre de défilement, mais quand même ça vous a gêné. Comme vous le voyez sur le côté gauche, nous avons nos événements, chronologie nous avons des balises, variables, couche de données comme nous l'avons dans la nouvelle version. Il y a aussi l'ID du gestionnaire de balises Google ici. Et si vous cliquez sur un événement spécifique, vous verrez toutes les balises qui ont été déclenchées et toutes les balises qui ne l' pas fait. n'y a pas beaucoup de différence visuelle, donc vous devriez être capable de naviguer correctement. Maintenant, nous allons retourner à notre gestionnaire de balises où nous allons créer notre première version et la publier. 17. Configuration de Pixels Facebook: Jetons un coup d'oeil maintenant comment installer pixel Facebook avec l'aide du gestionnaire de balises Google. Il y a plusieurs raisons pour lesquelles vous voudriez installer Facebook pixel. Pour une fois si vous faites de la publicité Facebook, vous devriez vraiment l'avoir installé car il vous permettra de suivre les conversions. Vous serez en mesure de faire du remarketing et aussi, Facebook apprend du trafic et des personnes qui viennent sur votre site Web. Et nous vous donnerons des suggestions sur la façon dont vous pouvez améliorer vos annonces. En outre, Facebook a développé un outil d'analyse puissant qui suit le comportement des utilisateurs, la démographie et toutes les choses qui sont liées à leurs utilisateurs. Que vous pouvez utiliser pour mieux comprendre votre public cible. D' accord. Alors commençons. La première chose que vous remarquerez, je suis toujours en mode aperçu et nous utiliserons le mode aperçu pour vérifier et déboguer toutes les balises à partir de maintenant. Nous allons d'abord créer un tag Facebook. Allons dans la configuration de la balise. Et bientôt, vous verrez qu'il n'y a pas de type de tag Facebook à choisir. Nous pouvons même le rechercher et vous verrez qu'il n'y a pas de type de tag Facebook. Alors, qu'est-ce qu'on peut faire ? Vérifions d'abord si Facebook a une solution pour nous. Alors allons à notre responsable d'affaires Facebook, et je suppose que vous l'avez déjà configuré et vous savez donc allons à notre responsable d'affaires Facebook, et je suppose que vous savez déjà comment l'utiliser. Alors passons sous le responsable des événements. Et dans la liste déroulante « ajouter des événements » sous « à partir d'un nouveau site Web », vous pourrez trouver différentes façons de configurer votre pixel. Vous pouvez soit utiliser une intégration de partenaire. Et ils ont déjà beaucoup de partenaires. Gestionnaire de balises Google inclus. Ou vous pouvez utiliser le code que nous allons vérifier en seulement une seconde. Je ne suggérerais pas d'utiliser le gestionnaire de balises Google de cette façon parce que Facebook vous demande de vous connecter à votre gestionnaire de balises Google et ils vont créer une balise pour vous automatiquement et également publier votre conteneur. Sachez que si vous choisissez de cette façon, vous avez enregistré toutes les versions de votre conteneur et que vous n'avez pas de balises qui pourraient être encore en développement. Mais il y a aussi une autre raison. Une fois que vous faites ça de cette façon, c'est comme une boîte noire vous ne saurez pas ce qui se passe. Vous n'aurez pas beaucoup d'options pour configurer votre pixel de différentes manières. C' est pourquoi nous allons vérifier comment le configurer manuellement. Revenons donc à « ajouter des événements » à partir d'un nouveau site Web et installons le code manuellement. Vous arriverez à cette page où vous verrez un extrait de code pixel Facebook. Vous pouvez également poursuivre ce processus et activer certaines attributions de correspondance avancées. Et à la fin, ils vous permettent également d'ajouter un événement personnalisé. Ce qui parlera dans une leçon différente. Mais pour l'instant, nous avons copié les codes. Et revenons au gestionnaire de balises Google. En ce moment, je voudrais simplement mentionner que si vous ne trouvez pas votre service ou produit que vous souhaitez importer dans le gestionnaire de balises Google parmi les types de balises répertoriés ici, alors vous pouvez simplement utiliser le code HTML personnalisé et insérer le script de cette façon. Cliquez dessus et vous verrez que nous sommes présentés juste avec une forme énorme dans laquelle nous pouvons coller ce code pixel Facebook. De même que le code du gestionnaire de balises Google code pixel Facebook est assemblé en deux parties. La partie script et aucune partie script. Et encore une fois, la partie no script est utilisée pour tous les navigateurs qui ne permettent pas à JavaScript de s'exécuter. Si nous le laissons simplement dans ce conteneur HTML personnalisé, qui sera exécuté par JavaScript. La deuxième partie n'aura aucun effet. Donc, nous pouvons fondamentalement simplement le supprimer ou nous pouvons l'installer séparément à l'aide d'une balise d'image. Donc on va le faire. Mais d'abord, nous devons le supprimer de ce code. Alors, copions-le d'abord. Juste cette partie, puis supprimez-la. Ou vous pouvez aussi le couper. Et pour l'instant, nous allons juste le stocker quelque part dans le bloc-notes. Finissons d'abord la configuration de ce code pixel Facebook et nous reviendrons à la balise image dans une seconde . Je veux juste expliquer brièvement certains des détails du code que vous regardez actuellement. Ce que ce code fait-il charger la bibliothèque Facebook et déclenche un événement de vue de la page. Vous pouvez voir le déclenchement des événements à travers cette section et tout ce qui précède, il charge essentiellement la bibliothèque et l'initie. Vous pouvez supprimer ces parties de suivi et les placer dans une balise distincte afin de mieux contrôler le moment où cet événement est déclenché par rapport au moment où le script est chargé. Mais je ne vais pas faire ça. Je vais, cependant, aller dans les paramètres avancés et je vais définir d'autres paramètres parce que plus tard dans le cours, nous allons également déclencher des événements Facebook spéciaux. Nous voulons nous assurer que la bibliothèque est chargée en premier. Et comment nous pouvons y parvenir est en définissant une priorité de tir de balises. Une priorité de tir de balise définit essentiellement l'ordre dans lequel les balises seront déclenchées. Vous pouvez entrer un nombre ici à partir de zéro vers le haut. Zéro étant la ligne de base lorsque tous les événements se déclenchent. Nous devons donc choisir un nombre plus grand que zéro. Donc, à cet effet, je vais utiliser un numéro 100. Ce numéro nous assurera que ce code sera déclenché avant chaque balise avec un nombre inférieur, qui est actuellement toutes les balises. Donc, quand nous mettrons en place d'autres tags Facebook la seule chose que nous devrons nous assurer est que leur nombre est inférieur à 100. OK, déclenchons à nouveau cette balise sur toutes les pages, car nous voulons que notre page Facebook se déclenche sur toutes les pages. Donnons simplement un nom à cette balise et sauvegardez-la. Maintenant, ajoutons les parties sans script de suivi Facebook. Vous pouvez essentiellement ignorer cette partie et être fait si vous êtes satisfait de seulement suivre les navigateurs avec JavaScript activé. Je veux juste vous montrer comment vous pouvez le faire, si vous voulez avoir des analyses plus détaillées sur Facebook aussi . Donc, à cet effet, nous aurons besoin d'une balise d'image personnalisée puis nous devons entrer l'URL de l'image. . Donc, fondamentalement, ce que cette balise fait est de créer une petite image sur votre site Web, qui se chargera peu importe si le JavaScript est activé ou non. Et puisque Facebook nous a donné une partie sans script, il suffit de nous assurer que nous copions l'URL de l'image. Si vous n'êtes pas familier avec HTML du tout. Rappelez-vous simplement que cette partie source entre les guillemets est l'image, et nous devons tout copier entre ces guillemets. Et on va le coller ici. Maintenant, nous devons mettre en place un déclencheur où cette balise va être déclenchée. Comme nous avons déjà notre pixel Facebook fonctionnant sur toutes les pages nous ne pouvons pas utiliser à nouveau toutes les pages pour cette balise car si nous le faisons, alors tous les navigateurs qui ont JavaScript activé déclencheront deux pixels Facebook. Donc, pour cette raison, nous devons créer un nouveau déclencheur. Et faisons ça maintenant. OK, donc nous avons différentes options de configuration de déclenchement si nous cliquons sur la configuration du déclencheur vous pouvez voir plusieurs déclencheurs que nous pouvons utiliser dans notre but. Nous voulons toujours que ce déclencheur soit déclenché sur toutes les pages vues, mais seulement si JavaScript a été désactivé. Donc, à cette fin, nous allons toujours utiliser la vue de la page, le type de déclenchement, mais nous ne allons pas le déclencher sur toutes les pages vues, juste quelques vues de page. Et ici, nous obtenons une sorte de paramètres de filtre. Actuellement, nous n'avons pas de variables qui nous diront si JavaScript est en cours d'exécution ou non, donc nous devons créer une nouvelle variable pour cela également. Nous allons simplement créer une nouvelle variable. Malheureusement, nous n'avons pas de types de variables qui détecteraient si JavaScript est activé ou non donc nous devrons faire une variable personnalisée. Nous allons utiliser une variable JavaScript personnalisée. Je sais que je te promets que nous ne coderons rien. Mais malheureusement, il n'y a pas d'autre moyen de contourner cela. Mais c'est super simple et vous pouvez trouver ce code dans les ressources. C' est tout ce que nous devons faire, configurer une fonction qui renvoie « true » si JavaScript est activé. Si JavaScript n'est pas activé, cela ne sera pas exécuté et rien ne se passera. Et nous allons nommer cette variable. Sauvegardons cette variable. Et immédiatement, nous l'avons sélectionné dans notre filtre. Et maintenant ce que nous devons vérifier, c'est que cette variable ne contient pas de valeur « true ». Si cette variable sera exécutée par JavaScript, elle retournera la valeur « true ». . Nous nous assurons que nous exécutons ce déclencheur uniquement lorsque cette variable n'est PAS « true ». Donc, fondamentalement, lorsque JavaScript n'est pas en cours d'exécution, nous allons définir ce déclencheur. Donnons juste un nom au déclencheur. Et sauvez-le. Notre déclencheur a été sélectionné et cette balise sera exécutée sur toutes les pages lorsque JavaScript est désactivé. Nommons cette balise et sauvegardons-la. Nous avons créé une nouvelle balise de vue de page Facebook pour tous les navigateurs sur lesquels JavaScript est activé. Nous avons également créé un pixel de suivi d'image personnalisé Facebook pour tous les navigateurs qui ont JavaScript désactivé . Nous avons également créé un déclencheur pour cette balise et une variable spéciale qui nous indique si JavaScript est activé ou non. Alors actualisons notre gestionnaire de balises et vérifions-le sur notre site Web. Rafraîchissons également notre site Web. Et comme vous pouvez le voir, notre balise de vue de page Facebook a été déclenchée avec succès. Et si nous faisons défiler un peu plus bas, nous pouvons voir que notre pixel de suivi d'image personnalisé Facebook n' a pas été déclenché parce que nous avons JavaScript activé. Nous pouvons également vérifier que ce pixel fonctionne en vérifiant Facebook pixel helper. Nous pouvons voir que notre vue de page a été déclenchée et nous pouvons l'étendre pour voir plus de détails sur cet événement et nous pouvons également vérifier dans notre responsable d'affaires que tout fonctionne correctement et actualiser la page. . Nous pouvons immédiatement voir que notre suivi fonctionne maintenant. Mais nous pouvons également passer sous les événements de test et nous verrons que l'événement page vue vient de se déclencher. Si nous retournons à notre site Web et le rafraîchissons à nouveau. Et revenir au pixel Facebook, nous devrions voir une autre page vue enregistrée. Si vous souhaitez maintenant tester qu' aucune version de script ne fonctionne également vous pouvez simplement désactiver JavaScript dans votre navigateur, actualiser votre site Web à nouveau et voir si la vue de la page est enregistrée ici. Fondamentalement, nous avons fini avec cela et nous pouvons retourner au gestionnaire de balises Google, créer une nouvelle version et la publier sur notre site Web. 18. Baguer et exporter conteneurs de copier et d'exportation: Une fois que vous avez mis en place tous vos scripts essentiels, balises et déclencheurs, vous pouvez faire comme le fichier de base que vous utiliserez pour tous vos projets futurs. Si vous avez créé un plan de balises comme nous l'avons discuté dans les meilleures pratiques, alors vous savez probablement quels sont les balises, les déclencheurs et les variables qui entrent dans cette catégorie. Alors, comment peux-tu faire ça ? Vous pouvez essentiellement passer sous le conteneur d'exportation où vous choisissez votre version ou votre espace de travail et sélectionnez n'importe quelle version du passé ou juste l'espace de travail par défaut, et vous pouvez simplement l'exporter dans le fichier. Ensuite, chaque fois que vous avez un nouveau conteneur, vous pouvez simplement passer sous le conteneur d'importation, choisir le fichier importé et vous commencerez à partir de cette ligne de base. Bien sûr, vous devrez modifier certaines des variables. Par exemple, pour Google Analytics ou Facebook pixel et d'autres, mais vous obtiendrez un bon point de départ à partir duquel vous pouvez ensuite développer des balises plus avancées. L' autre chose que je veux vous montrer est GTM copier coller plugin navigateur que je l'ai suggéré au début de ce cours. Cela va vous aider de manière significative si vous gérez plusieurs comptes et que vous voulez copier une balise ou un déclencheur spécifique sur peut-être même une variable d'un conteneur à un autre. Ou si vous avez des balises spécifiques qui sont un peu plus complexes ou peut-être des déclencheurs que vous voulez dupliquer. Vous pouvez le faire dans le même conteneur. Comment vous accédez à ce plugin est simplement par un clic droit puis vous cliquez sur le plugin GTM copier-coller. Comme je ne l'ai pas encore autorisé, je vais le faire maintenant. Une fois que vous l'avez autorisé, vous pourrez le copier et le coller où vous le souhaitez. Donc, par exemple, si je veux copier ce pixel de suivi d'image personnalisé Facebook dans un autre conteneur je l'ajoute essentiellement à GTM copier-coller. Quand je fais cela, vous pouvez voir que dans le plugin il en montre un. Et si je clique sur le plugin, vous pouvez voir que j'ai cette balise listée sous mes tags. Je peux faire la même chose pour les déclencheurs. Ensuite, copiez-en un. Et, bien sûr, pour les variables aussi. Copions « si JavaScript est activé », donc nous n'avons pas à copier ce code à nouveau. Maintenant, vous voyez, j'ai copié 1 tag, 1 trigger et 1 variable, et je pourrais les coller directement dans ce conteneur, ce qui les dupliquerait et ajouterait « -copy » à la fin du nom. Ou si je passe à un autre conteneur je peux simplement les coller ici. Et une fois que c'est fait, il va rafraîchir votre gestionnaire de balises Google. Vous pouvez choisir de réinitialiser le presse-papiers et effacer tous ces éléments à l'intérieur, ou vous pouvez également les copier dans un autre conteneur. Comme vous le voyez dans ce nouveau conteneur nous avons tous ces éléments collés. Donc une balise, un déclencheur et une variable. Et je pourrais simplement enregistrer ce conteneur, le publier, ou peut-être changer cette variable en autre chose. 19. Réaliser les problèmes de votre dépannage que vous pourriez rencontrer: Pour la dernière leçon, je veux juste parler de la résolution de certains des problèmes courants vous pourriez rencontrer lors de la configuration d'un gestionnaire de balises Google ou de l'utilisation de celui-ci dans le futur. Comme nous l'avons vu dans l'une des leçons précédentes, vous pouvez vérifier certains des problèmes, avec Google tag assistant car il vous donnera quelques détails sur certaines balises ne pas tirer. Nous avons rencontré un problème où la balise de remarketing des annonces Google n'était pas déclenchée parce que notre bloqueur d'annonces était activé . Vous pouvez utiliser tous ces plugins pour vous aider à résoudre certains des problèmes qui se produisent avec les balises déclenchées. La prochaine chose qui est vraiment importante est d'utiliser le même navigateur, par exemple. Actuellement, je cours Google Tag Manager et notre boutique dans le même navigateur Chrome. Mais si j'ouvre la même page dans, par exemple, Firefox, vous verrez que je ne vois plus le débogueur. Parce que le gestionnaire de balises Google est basé sur JavaScript et il fonctionne uniquement dans le même navigateur. Il en va de même pour les fenêtres privées. Si j'ouvre la même boutique dans Google Chrome, mais dans une fenêtre privée, vous verrez cela à nouveau. Je ne vois aucun débogueur ci-dessous. Donc, si vous avez des problèmes d'exécution du débogueur ou si vous ne voyez pas vos balises s'exécuter correctement, vérifiez d'abord que vous les exécutez dans le même navigateur, que vous ne les exécutez pas une dans une fenêtre privée et l'autre dans la fenêtre normale. En outre, si vous avez dans vos paramètres désactivé les cookies tiers, alors nous marquerons le débogueur gestionnaire ne fonctionnera pas. Je peux vous le montrer en les bloquant et en rafraîchissant la page. Et vous verrez que nous allons fondamentalement il disparaîtra fondamentalement. Assurez-vous donc que vous autorisez les cookies tiers et tout ce que vous pouvez vérifier est, bien sûr, que vous exécutez l'ID de conteneur correct. Vérifiez donc votre ID de conteneur sur votre site Web. Vous pouvez le vérifier dans la fenêtre de débogage si vous l'avez activé ou à l'aide de l'assistant Google Tag. Vous pouvez voir le même ID de conteneur ici. C' est l'un des problèmes les plus courants si vous avez plusieurs comptes, que vous installez accidentellement le mauvais conteneur sur votre site Web. Et c'est un moyen facile que vous pouvez vérifier si tout fonctionne correctement. Une des choses que vous devriez également vérifier est que vous prévisualisez le bon conteneur. Par exemple, nous venons de vérifier maintenant que le conteneur correct est en cours d'exécution sur le site Web. Mais vous pourriez être dans un autre conteneur en mode aperçu et vous penseriez que rien ne fonctionne correctement et que vous ne voyez pas la fenêtre de débogage alors qu'en fait, vous prévisualisez essentiellement le mauvais conteneur. Une chose à noter également, que je mentionne déjà, est que si vous utilisez une sorte d'injecteur de balise, c'est quand vous insérez le conteneur GTM que vous avez inséré l'ID de conteneur correct et qu'il n' y a pas d'espaces ou de caractère bizarre devant ou à la fin. Si vous avez continuellement une sorte de problèmes avec la fenêtre de débogage ne s'affiche pas correctement, quelque chose prend trop de temps à montrer ou d'autres problèmes. Ce que vous pourriez faire est un rafraîchissement dur du site Web. Dans Chrome vous pouvez simplement appuyer sur « Ctrl+F5" ou dans le Firefox « Ctrl+R ». Cela va essentiellement effacer tout le cache et actualiser la page à partir de zéro. En outre, désactivez votre bloqueur d'annonces, cela peut aider ou effacer les cookies. Vous pouvez effacer les cookies en appuyant sur « ctrl+shift+delete » sur vos claviers et vous obtiendrez ce pop-up où vous pouvez effacer l'historique de navigation et les images mises en cache. Vous pouvez simplement désélectionner cela et simplement effacer les cookies et autres données du site. Cela effacera tous les cookies et les données du site. Si vous voulez l'effacer uniquement pour votre site Web, vous pouvez appuyer sur « F12 », passer sous l'application et effacer les données du site, désélectionner tout ce que vous ne voulez pas effacer. Et peut-être juste effacer juste les cookies et le cache. Effacez. Actualisez le site et vous verrez s'il fonctionne. Si aucune de ces étapes ne fonctionne vous pouvez, bien sûr, désactiver les plugins du navigateur. Peut-être que certains plugins interférent avec Google tag Manager, ou vous pouvez ouvrir une nouvelle fenêtre privée. Connectez-vous à Google Tag Manager et testez votre boutique là-bas. Assurez-vous simplement que tout fonctionne à l'intérieur de la fenêtre privée. Encore une note ici. Cela ne fonctionnera pas si vous utilisez Firefox car Firefox bloque le gestionnaire de balises Google en mode privé. Donc, testez ceci dans Chrome uniquement. Eh bien, parfois aucun de ces conseils ne vous aidera. Et c'est peut-être parce qu'il y a des problèmes techniques plus profonds. Votre page ou votre code de gestionnaire de balises Google peut être mis en cache ailleurs dans un réseau de diffusion de contenu. . Et dans ce cas, il est préférable de contacter votre développeur et de lui demander de vous aider à résoudre ces problèmes. J' ai compilé toutes ces étapes ce que vous devriez faire d'abord dans un document que vous trouverez sous les ressources. Vous pouvez donc le télécharger et avoir une sorte de liste de contrôle que vous pouvez vérifier lorsque vous avez des problèmes 20. La solution: Félicitations, vous êtes arrivé à la fin de ce cours ! Comme vous l'avez vu, il y a beaucoup de choses différentes pour lesquelles vous pouvez utiliser Google Tag Manager. J' espère sincèrement que ces leçons vous aideront dans vos activités marketing. J' ai mis en place ce cours comme une plate-forme sur laquelle je construirai à l'avenir. Vous pouvez donc vous attendre à voir de nouvelles leçons dans les prochains mois. Si vous avez des idées sur les sujets que vous aimeriez que je couvre. S' il vous plaît laissez-moi savoir. Aussi, si vous avez des commentaires ou des suggestions sur la façon dont je peux améliorer ce cours, je serais plus qu'heureux de les entendre. Tout commentaire que vous me donnez m'aide à améliorer ce cours pour les autres étudiants. Alors n'aie pas peur de me dire ce que tu aimais et surtout, ce que tu n'as pas fait. Si vous connaissez quelqu'un qui souhaite apprendre Google Tag Manager, veuillez partager ce cours avec lui. Et si vous l'avez trouvé utile, n'hésitez pas à l'évaluer et à laisser un avis. Merci encore de rester avec moi. Et bonne chance dans vos futurs projets.