Aller au contenu
Tous les articles

Guides produit

Installer via Google Tag Manager, et quand s''en passer

Comment charger Provedly depuis une balise HTML personnalisée de Google Tag Manager, quels déclencheurs utiliser, et quand une balise script directe est préférable.

L'équipe Provedly··5 min de lecture

Google Tag Manager peut charger Provedly avec une balise HTML personnalisée sur un déclencheur Toutes les pages, et pour les équipes qui ne peuvent pas toucher aux templates du site, c'est la voie la plus rapide. Mais GTM est une couche intermédiaire avec son propre ordre de chargement, son blocage lié au consentement et son exposition aux bloqueurs, et pour un widget dont toute la valeur tient au fait d'être vu, chacun de ces points a un coût. Cet article montre l'installation, puis vous dit quand vous passer de GTM.

La balise

Créez une nouvelle balise de type HTML personnalisé et collez soit la balise script simple, soit la version sous forme de fonction. GTM accepte les deux ; la version fonction est celle que le dashboard génère pour les barres, car elle explicite les attributs.

<script>
    (function () {
        var s = document.createElement('script');
        s.src = 'https://provedly.app/w/widget.js';
        s.setAttribute('data-token', 'pp_your_token');
        s.async = true;
        document.body.appendChild(s);
    })();
</script>

Déclencheur : Toutes les pages. Donnez à la balise un nom que votre successeur comprendra, publiez le conteneur et vérifiez dans le dashboard Provedly que les premières impressions arrivent dans les minutes qui suivent. Pour une barre CTA, recommencez avec https://provedly.app/w/cta.js et le token de la barre.

N'ajoutez pas de filtres d'URL dans GTM pour contrôler où le widget apparaît. Le ciblage par URL de Provedly (toutes les pages, seulement celles-ci, toutes sauf) et le ciblage par appareil se configurent dans le dashboard et s'appliquent de la même façon, que le script vienne de GTM ou de la page. Une seule règle à un seul endroit vaut mieux que deux.

Applications monopage

Si votre site est une SPA, le déclencheur Toutes les pages de GTM se déclenche une fois au chargement initial, ce qui convient à Provedly. Le loader est idempotent et gère lui-même les changements de route. N'ajoutez pas de déclencheur Modification de l'historique pour cette balise ; il injecterait un second élément script à chaque navigation. Le loader vérifie qu'aucune instance n'existe déjà avant de s'initialiser, donc le mal se limite à des requêtes inutiles plutôt qu'à des notifications en double, mais il n'y a aucun avantage.

Quand GTM n'est pas le bon outil

Le consentement retarde ou bloque le widget

Beaucoup de configurations de consentement retiennent toutes les balises GTM jusqu'à ce que le visiteur accepte les cookies. Si Provedly se trouve derrière ce verrou, les visiteurs qui refusent, ou qui n'interagissent jamais avec le bandeau, ne voient jamais de notification. La question de savoir si le widget a besoin d'un consentement relève de votre propre analyse de confidentialité ; il définit un identifiant visiteur pour les plafonds par session et l'attribution. Si votre analyse conclut qu'aucun consentement n'est nécessaire, le charger directement dans la page évite un verrou conçu pour l'analytics et la publicité.

Les bloqueurs

Les bloqueurs de contenu bloquent souvent le conteneur GTM lui-même. Un visiteur qui en utilise un ne voit aucune balise de ce conteneur, Provedly compris. Une balise script directe depuis provedly.app est une décision distincte pour le bloqueur et n'est pas visée par les règles qui ciblent googletagmanager.com. Cela compte davantage pour les audiences à dominante technique.

Shopify

Sur Shopify, utilisez l'app Provedly et son app embed de thème plutôt que GTM. L'app importe les 60 derniers jours de commandes à l'installation, reçoit chaque nouvelle commande par un webhook signé, et marque donc les achats comme « Verified » sans aucune balise script. Par ailleurs, sur la plupart des plans, GTM ne s'exécute pas sur le checkout Shopify, l'installation serait donc partielle. Voir le guide de configuration Shopify.

Vous avez besoin de l'identifiant visiteur au checkout

Les commandes assistées par la preuve du dashboard sont rapprochées par identifiant visiteur. Votre code de checkout le lit avec window.Provedly?.visitorId() et le transmet dans metadata.provedly_visitor de Stripe ou dans le champ visitor de l'API Records. Si GTM charge Provedly tardivement, l'identifiant peut ne pas encore exister quand votre code de checkout s'exécute. On peut s'en sortir avec une courte attente, mais une balise async defer directe dans le template supprime ce problème de concurrence.

Séquencement et performance

GTM charge le conteneur, évalue ensuite les déclencheurs, puis injecte le script. Cela fait deux étapes de plus avant un fichier de 6 Ko. Sur une page rapide, c'est quelques centaines de millisecondes ; sur une page lente, cela peut repousser la première notification au-delà du moment où le visiteur a déjà fait défiler la page. Le widget attend déjà 3 secondes par défaut avant la première notification, et vous ajoutez à ce délai.

Un tableau de décision

Situation Recommandation
L'équipe marketing ne peut pas modifier les templates GTM, déclencheur Toutes les pages
Site derrière un verrou de consentement strict Balise directe, après votre analyse de confidentialité
Boutique Shopify App Provedly, sans GTM
Besoin d'attribution au checkout Balise directe dans le template
Audience technique, usage intensif de bloqueurs Balise directe
Plusieurs sites gérés par une agence Au choix ; le plan Agency couvre 1 000 000 d'impressions sur l'ensemble des sites

Vérifier l'installation

Ouvrez votre site, attendez quelques secondes et cherchez la notification. Si rien ne s'affiche, vérifiez dans cet ordre : le conteneur GTM est publié (pas seulement prévisualisé) ; la balise s'est déclenchée dans le panneau de débogage de GTM ; le domaine de la page figure dans la liste des domaines autorisés du site dans Provedly ; le widget a au moins un enregistrement à afficher, sinon il n'a rien à dire. Un nouveau widget sans enregistrement est la cause la plus fréquente des signalements « ça ne marche pas ». Publiez un enregistrement via l'API ou importez un CSV, et il apparaîtra étiqueté Imported. Ou connectez Stripe et attendez la première vraie commande.

Questions fréquentes

Puis-je charger le widget seulement après consentement tout en comptant les impressions correctement ?

Oui. Les impressions sont comptées quand une notification s'affiche réellement : un widget bloqué qui ne se charge jamais ne consomme jamais d'impression. Le coût porte sur la portée, pas sur l'exactitude.

Le script de GTM lui-même compte-t-il dans mon quota d'impressions ?

Non. Seules les notifications affichées comptent. Une impression correspond à une notification montrée à un visiteur, soit environ 3 par visite.

Puis-je utiliser GTM pour le widget et une balise directe pour la barre ?

Oui, ce sont des loaders indépendants avec des tokens distincts. Les mélanger ne pose aucun problème tant que chacun n'apparaît qu'une fois par page.

Quelle que soit la voie choisie, le plan Free suffit pour la tester sur un vrai site : créez un compte.

google tag managerinstallation

Recevez les nouveaux articles par e-mail

Preuve sociale honnête, achats vérifiés et ce qui fait vraiment bouger la conversion. Quelques e-mails par mois au maximum ; désinscription en un clic.

Nous vous envoyons un e-mail de confirmation. Votre adresse sert uniquement à cette newsletter ; consultez la politique de confidentialité (en anglais).

Affichez des preuves que vous pouvez assumer.

Formule gratuite, un site, 2,000 impressions par mois, achats vérifiés inclus. Sur la formule gratuite, le badge renvoie vers votre page de vérification, et c'est tout l'intérêt.