Le JavaScript de Connectif s'initialise par défaut après son chargement sur la page. Dans certains cas, il peut être souhaitable de contrôler quand le script effectue ce processus.
Cet article explique comment initialiser le JavaScript de Connectif.
Temps d'implémentation : 5 minutes.
Difficulté : Moyenne
Quand l'utiliser ? : Après avoir ajouté le JavaScript de Connectif dans les intégrations personnalisées via des balises ou du JavaScript.
Il est possible de désactiver ce comportement par défaut du script via la configuration web dans Connectif.
ÉTAPE 1. Appel au JavaScript
- Effectuez l'appel suivant pour initialiser le JavaScript de Connectif.
initializeConnectif(connectifConfiguration);
Dans cet appel, initializeConnectif et connectifConfiguration sont deux variables globales définies par Connectif JavaScript lors de son chargement sur la page.
- La fonction initializeConnectif déclenchera l'événement connectif.managed.initialized une fois le processus d'initialisation terminé.
- À partir de ce moment-là, vous pourrez utiliser les fonctions de window.connectif.managed.
document.addEventListener('connectif.managed.initialized', function onConnectifInitialized() {
console.log('Connectif est initialisé');
// maintenant, je peux commencer à suivre les événements
connectif.managed.sendEvents([{ type: 'page-visit' }]);
});
1.1. Définition de la fonction initializeConnectif
(Dans cette section, nous expliquons comment éviter d'appeler la fonction initializeConnectif lorsque celle-ci n'est pas encore définie dans les variables globales).
- Pour initialiser le JavaScript de Connectif, utilisez l'événement connectif.loaded.
document.addEventListener('connectif.loaded', function onConnectifLoaded() {
console.log('Connectif est chargé');
// maintenant, je peux appeler initializeConnectif
initializeConnectif(connectifConfiguration);
});
Succès !
Le JavaScript de Connectif a été initialisé.
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :
- Envoyer une liste d'événements avec connectif.managed.sendEvents, pour continuer le processus d'intégration personnalisée via JavaScript avec Connectif.
- Étapes pour créer une intégration personnalisée, pour connaître les étapes suivantes de votre intégration.
- Vérifier la configuration de l'intégration Web dans Connectif, pour définir les domaines autorisés et le comportement du script.
- Configurer l'intégration du Commerce Électronique, pour configurer la synchronisation et la vérification des produits de votre eCommerce.