JavaScript personnalisé (codes de suivi)

Présentation

L’option JavaScript personnalisé vous permet d’intégrer vos propres scripts de suivi ou d’analyse directement dans votre expérience Drimify.
Elle est généralement utilisée pour des outils comme Facebook Pixel, Google Analytics, Google Tag Manager ou tout autre service tiers nécessitant un extrait de code JavaScript.
Vous trouverez cette option dans les Paramètres de votre projet, à la rubrique JavaScript personnalisé.

⚠️ Important : seul le JavaScript côté client est pris en charge. Les scripts côté serveur ou backend ne peuvent pas être utilisés.

À quoi sert cette option ?

Vous pouvez utiliser le JavaScript personnalisé pour :

• Suivre les pages vues et le comportement des utilisateurs
• Déclencher des événements au chargement de votre expérience
• Intégrer le suivi des conversions (par exemple, les événements Facebook Pixel)
• Connecter votre expérience à des outils d’analyse ou de marketing
• Ajouter des fonctionnalités personnalisées sur certains écrans

Vous disposez ainsi d’une grande souplesse pour connecter Drimify à vos outils de suivi habituels.

Comment ajouter votre script

1. Ouvrez votre projet depuis le tableau de bord Drimify.
2. Accédez aux Paramètres.
3. Faites défiler la page jusqu’à la rubrique JavaScript personnalisé.
4. Collez votre code JavaScript directement dans le champ.
5. Vérifiez que vos modifications ont bien été enregistrées et publiez votre expérience si ce n’est pas déjà fait.

Votre script sera automatiquement injecté dans votre expérience en ligne.

Exemple : Facebook Pixel

Voici un exemple de script de suivi Facebook Pixel standard que vous pouvez ajouter :

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Remplacez YOUR_PIXEL_ID par l’identifiant de votre Facebook Pixel.

Suivre un prospect ou une conversion lors d’une inscription

Le JavaScript personnalisé s’exécute une seule fois, au chargement de l’expérience. Les expériences Drimify sont des applications monopages : l’URL affichée dans le navigateur ne change pas d’un écran à l’autre. Un script ajouté dans ce champ ou une règle basée sur l’URL dans le Gestionnaire d’événements Meta ne permet donc pas de détecter le moment où un participant envoie le formulaire d’inscription. Utilisez plutôt l’une des deux configurations suivantes.

Option 1 : les joueurs accèdent directement au lien de votre jeu (par exemple, depuis une publicité Meta)

1. À l’étape Intégrations de votre application, configurez un webhook et activez l’option Après l’envoi du formulaire. Le webhook se déclenche chaque fois qu’un participant envoie un formulaire. Consultez l’article Configurer les intégrations webhook dans votre application.
2. Configurez le webhook pour qu’il envoie les données à votre propre point de terminaison ou à un outil d’automatisation, puis transmettez chaque appel à Meta sous forme d’événement Lead via l’API Conversions de Meta (ou une API côté serveur équivalente sur votre plateforme publicitaire).

Conservez le code de base du Pixel dans le champ JavaScript personnalisé pour suivre les visites sur le jeu.

Option 2 : le jeu est intégré à votre site web

Chargez le Pixel sur votre propre page et déclenchez l’événement à partir des fonctions de rappel du code d’intégration HTML (widget). onComplete se déclenche lorsque le participant atteint le dernier écran. Si votre formulaire d’inscription se trouve avant l’écran de fin, chaque appel à onComplete correspond donc à un participant inscrit :

widget.onComplete = function (event) {
  fbq('track', 'Lead');
};

Pour un Calendrier De L'Avent, un Combo™ ou un Parcours Dynamique™, utilisez plutôt onRouteChange pour détecter l’arrivée sur l’écran de fin. Consultez l’article Intégration avancée du code d’intégration HTML (widget) via l’API.

Exécution des scripts

• Les scripts s’exécutent dans le navigateur du participant.
• Le script s’exécute une fois l’expérience chargée, ce qui assure sa compatibilité avec la plupart des services d’analyse.

Consignes de sécurité

• Les scripts malveillants ou intrusifs sont strictement interdits.
• Utilisez uniquement du code JavaScript provenant de fournisseurs de confiance.
• Les scripts doivent respecter le RGPD et les autres réglementations applicables en matière de protection des données personnelles.
• Il vous incombe d’informer les participants de tout suivi ou de toute collecte de données.

Dépannage

Votre script ne se déclenche pas ?

• Vérifiez que votre code est bien encadré par des balises <script> si nécessaire.
• Assurez-vous qu’il ne contient aucune erreur de syntaxe.
• Pour le suivi des événements, vérifiez que les déclencheurs sont correctement placés.
• Consultez votre plateforme d’analyse pour vérifier si l’événement a bien été reçu.

Besoin d’aide ?

Si vous ne savez pas comment intégrer un script particulier, contactez le fournisseur de votre outil de suivi (Facebook, Google, etc.) pour obtenir des instructions.
Si votre script ne fonctionne pas alors qu’il vous semble correctement configuré, n’hésitez pas à contacter notre équipe d’assistance en précisant ce que vous cherchez à faire.

Mis à jour le : 29/10/2026