Le JavaScript de Connectif active les événements "connectif.loaded" et "connectif.managed.initialized" tout au long de son cycle de vie, permettant de déterminer quand le JavaScript a été chargé sur la page ou quand il a été correctement initialisé.
Comment les utiliser
L'événement "connectif.loaded" est déclenché lorsque le chargement de Connectif JavaScript sur la page est terminé, ce qui signifie que l'objet "window.connectif" sera disponible après ce déclenchement.
L'événement "connectif.managed.initialized" se déclenche lorsque Connectif JavaScript est initialisé. À ce moment, l'objet "window.connectif.managed" sera disponible.
Exemples
L'événement "connectif.loaded" aura l'apparence suivante :
document.addEventListener('connectif.loaded', function onConnectifLoaded() {
console.log('Connectif est chargé');
});
L'événement "connectif.managed.initialized" aura l'apparence suivante :
document.addEventListener('connectif.managed.initialized', function onConnectifInitialized() {
console.log('Connectif est initialisé');
console.log(window.connectif.managed.isInitialized()) // ceci affiche true
// je peux maintenant commencer à suivre les événements
window.connectif.managed.sendEvents([{ type: 'page-visit' }]);
});
Leur principale utilité est de savoir quand Connectif est prêt à effectuer le suivi des événements. Voici un exemple plus complet pour envoyer des événements à Connectif :
function trackPageVisit() {
window.connectif.managed.sendEvents([{ type: 'page-visit' }]);
}
if (window.connectif &&
window.connectif.managed &&
window.connectif.managed.isInitialized()) {
trackPageVisit();
} else {
document.addEventListener("connectif.managed.initialized", function onConnectifInitialized() {
trackPageVisit();
},
{ once: true });
}
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :
- Ajouter le JavaScript de Connectif sur votre site, pour insérer le code et commencer à collecter des informations sur les visites de votre page.
- Intégration via balises, pour connaître toutes les notifications que vous pouvez envoyer depuis votre eCommerce à Connectif et leur fonctionnement.
- Intégration avec Connectif via API, pour synchroniser les contacts, les produits, les achats et les coupons.
- Vérifier l'intégration avec l'eCommerce, pour vous assurer que toutes les données sont correctement synchronisées dans votre compte Connectif.