Il est possible de charger le script Poool Engage via Google Tag Manager. Cela vous permet d'afficher des éléments Engage sans toucher directement au code de votre site. Dans cet article, nous vous indiquons les étapes principales à prévoir.
💡Lorsque vous choisissez l'intégration via GTM, il est important de garder en tête les points suivants :
GTM peut être bloqué par des adblockers, ce qui va bloquer Poool et donc l'affichage des éléments Engage.
Le temps de chargement du script peut être plus long par rapport à une intégration en dur
Prérequis
Avant de commencer, assurez-vous que :
Vous avez accès à votre compte Google Tag Manager.
Votre site est bien configuré avec GTM.
Vous avez votre App ID de Poool à disposition.
Etape 1 : Création d'une Balise HTML Personnalisée dans GTM
Dans votre compte Google Tag Manager, cliquez sur votre conteneur GTM.
Accédez à l'onglet Balises et cliquez sur Nouvelle.
Vous pouvez lui donner un nom, par exemple : "Poool Engage".
Dans Configuration de la balise et choisissez HTML Personnalisé.
Puis collez le code du script Engage.
Voici par exemple une version simple. Vous pouvez l'ajuster avec vos propres configurations selon vos besoins.
<script id="poool-engage" src="https://assets.poool.fr/engage.min.js" async></script>
<script>
const script = document.getElementById('poool-engage');
script.addEventListener('load', function () {
Engage
.init('<your-app-id>')
.autoCreate();
});
</script>
Si vous souhaitez par exemple ajouter des options de ciblage spécifiques, vous pouvez suivre cette documentation sur les filtres personnalisés.
Etape 2 : Ajout d'un déclencheur
Dans la même balise, cliquez sur Déclencheur.
Vous pouvez sélectionner All Pages (Toutes les pages) si vous voulez que le script s'exécute sur l'ensemble du site ou spécifier votre ciblage à ce niveau.
Etape 3 : Vérification du Fonctionnement
Pour vous assurer que tout fonctionne correctement :
Allez sur votre site et ouvrez la console du navigateur (F12 > onglet Console).
Recherchez le JavaScript liées à Poool.
Testez l'affichage du paywall en activant le mode Aperçu dans GTM.
N'hésitez pas à ajuster vos configurations à vos spécificités et selon le rendu final que vous souhaitez atteindre.
Si vous avez la moindre question, notre équipe reste à votre disposition 🙂