Il est possible de charger le script Poool via Google Tag Manager. Cela vous permet d'afficher un paywall de manière dynamique 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 du paywall.
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".

Dans Configuration de la balise et choisissez HTML Personnalisé.

Puis collez le code des scripts Access et Audit.

Voici par exemple une version simple. Vous pouvez l'ajuster avec vos propres configurations selon vos besoins. N'hésitez pas à consulter notre documentation pour cela.

<script id="poool-access" src="https://assets.poool.fr/access.min.js" async></script>
<script id="poool-audit" src="https://assets.poool.fr/audit.min.js" async></script>
<script>
var scriptAccess = document.getElementById('poool-access');
var init = function () {
Access
 .init('<your-app-id>')
 .config('{cookies_enabled': true})
 .createPaywall({
  target: '#poool-widget',
  content: '[data-poool]',
  mode: 'excerpt',
  percent: 80,
  pageType: 'premium',
  });
 };
if (window.Access) {
  init();
} else {
  scriptAccess.addEventListener('load', function () {
   init();
  });
}

var scriptAudit = document.getElementById('poool-audit');
scriptAudit.addEventListener('load', function () {
 Audit
  .init('<your-app-id>')
  .config('{cookies_enabled': true})
  .sendEvent('page-view', { type: 'premium' });
 });
</script>

Etape 2 : Ajout d'un déclencheur

Dans la même balise, cliquez sur Déclencheur.

Choisissez All Pages (Toutes les pages) si vous voulez que le script s'exécute sur l'ensemble du site ou spécifiez votre ciblage, avant d'enregistrer.

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 🙂