Cette documentation explique comment intégrer les widgets JOIN Stories sur votre site web en utilisant Google Tag Manager (GTM). Cela vous permettra de gérer les widgets directement via GTM sans avoir à modifier manuellement le code de votre site.
Prérequis :
Un compte Google Tag Manager configuré et lié à votre site web.
Un ou plusieurs widgets JOIN Stories déjà créés dans votre espace JOIN Stories.
Le code d'intégration du widget, que vous trouverez dans l’onglet "Intégration" de votre widget dans JOIN Stories.
Étapes pour l'intégration via Google Tag Manager
1. Accéder à votre compte Google Tag Manager
Connectez-vous à Google Tag Manager et sélectionnez le conteneur lié à votre site web.
2. Créer une nouvelle balise (Tag)
Dans le menu de gauche, cliquez sur Tags.
Cliquez sur le bouton Nouvelle balise pour en créer une nouvelle.
Nommez votre balise, par exemple "Widget JOIN Stories".
3. Configurer le type de balise
Cliquez sur Configurer la balise.
Choisissez Balise HTML personnalisée comme type de balise.
4. Ajouter le code d'intégration du widget
Dans le champ HTML, collez le code d'intégration du widget fourni par JOIN Stories.
5. Définir le déclencheur (Trigger)
Cliquez sur Déclencheur.
Sélectionnez le déclencheur All Pages si vous souhaitez que le widget soit chargé sur toutes les pages du site, ou configurez un déclencheur spécifique si vous voulez limiter l’affichage du widget à certaines pages.
Exemple de déclencheur personnalisé pour des pages spécifiques :
Type de déclencheur : Page View
Condition : Page URL contient
/page-destination
6. Enregistrer et publier
Une fois que la balise et le déclencheur sont configurés, cliquez sur Enregistrer.
Cliquez ensuite sur Envoyer en haut à droite de votre tableau de bord GTM pour publier la modification sur votre site.