Résoudre les problèmes liés à Klaviyo.js et aux rapports de vitesse du site
Objectif de cet article
En savoir plus sur JavaScript onsite de Klaviyo (Klaviyo.js), à savoir l’extrait de code que vous collez sur votre site pour activer le tracking Active on Site, ainsi que son impact sur la vitesse du site. Klaviyo.js doit être installé afin que vous puissiez publier des formulaires d’inscription Klaviyo sur votre site web.
Pour obtenir de l’aide afin d’activer Actif sur le site via vos intégrations, consultez comment vérifier que les formulaires d’inscription sont activés.
Résoudre les problèmes de performances de vitesse du site
Klaviyo.js est injecté automatiquement via de nombreuses intégrations e-commerce, et vous pouvez l’installer manuellement pour d’autres plateformes. Cela permet d’afficher les formulaires d’inscription Klaviyo, et peut vous permettre de suivre quand les clients sont actifs sur votre site.
- Si vous constatez que le JavaScript de Klaviyo a un impact sur les performances de votre site web (c’est-à-dire le score PageSpeed) et qu’il a été installé automatiquement via une intégration, vous pouvez essayer de l’installer manuellement à la place.
Pour Shopify, nous vous recommandons d’activer le tracking Active on Site via l’intégration d’application Shopify de Klaviyo plutôt que de l’installer manuellement. Cela contourne le gestionnaire de tags natif du site web et peut entraîner un chargement plus rapide du JavaScript de Klaviyo.
- Si vous n’utilisez pas les formulaires d’inscription de Klaviyo (c’est-à-dire si vous utilisez un autre outil pour créer et publier des formulaires d’inscription sur votre site web), assurez-vous que tous les formulaires dans votre onglet Formulaires d’inscription sont définis sur Brouillon. Vous pouvez conserver Klaviyo.js installé pour le tracking sur site pendant que vos formulaires sont hors ligne.
Accédez à l’onglet Formulaires d’inscription pour voir le statut de chacun de vos formulaires d’inscription. En ligne indique un formulaire publié sur votre site, En cours de modification indique un formulaire en ligne comportant des modifications non publiées, et Brouillon indique un formulaire qui n’est pas actuellement publié sur votre site, y compris un formulaire que vous avez précédemment mis hors ligne.
Pour un formulaire en direct sans test A/B ni optimisation active :
- Dans les formulaires d’inscription, ouvrez le menu à trois points du formulaire, puis sélectionnez Modifier.
- Dans le menu déroulant de l’état de l’éditeur, sélectionnez Brouillon. Cela met le formulaire hors ligne ; vous n’avez pas besoin de publier la modification.
- Retournez dans Formulaires d’inscription et confirmez que le statut du formulaire est brouillon. Répétez l’opération pour chaque formulaire en ligne que vous n’utilisez plus.
Pour un formulaire avec un test A/B actif, ouvrez Analyses à partir du menu du formulaire, accédez à Résultats du test A/B, puis sélectionnez le test A/B actif. Cliquez sur Choisir le gagnant, sélectionnez une variante, choisissez Terminer le test et définir la variante sélectionnée en tant que brouillon, puis cliquez sur Choisir le gagnant pour confirmer.
Pour un formulaire exécutant une optimisation, ouvrez Analyses dans le menu du formulaire, puis accédez aux résultats du test A/B. Sélectionnez Test d’optimisation et l’optimisation active, puis sélectionnez Terminer le test dans le menu à trois points. Choisissez la variante à conserver, puis cliquez sur Terminer le test pour confirmer. Cela laisse la variante sélectionnée active, alors suivez les étapes ci-dessus pour définir le formulaire sur Brouillon.
Si la mise en ligne d’un formulaire est planifiée pour plus tard, ouvrez son menu dans Formulaires d’inscription, sélectionnez Modifier la planification, puis cliquez sur Supprimer la planification afin qu’il reste hors ligne.
Les méthodes d’installation standard de Klaviyo chargent Klaviyo.js de manière asynchrone, afin que le navigateur puisse continuer à charger la page pendant qu’il télécharge le script. L’exécution du JavaScript utilise tout de même les ressources du navigateur, et peut affecter les performances de la page. Les insights PageSpeed de Google et d’autres rapports sur la vitesse du site peuvent donc l’indiquer comme un facteur contributif aux temps de chargement de votre site.
La vitesse du site et le SEO sont importants pour nos clients, et Klaviyo s’engage à minimiser l’impact de notre JavaScript. Découvrez comment nos ingénieurs ont optimisé klaviyo.js. Vous continuerez à constater des améliorations à mesure que nous publierons de nouvelles mises à jour pour rendre Klaviyo.js plus performant et améliorer les temps de chargement.
Ressources supplémentaires
- Démarrer avec le tracking sur site de Klaviyo
Découvrez comment Klaviyo peut assurer le tracking sur votre site d’e-commerce. Il y a deux principaux types de tracking sur site :
- Comprendre les applications tierces
Découvrez comment trouver des applications tierces, c’est-à-dire des applications conçues par des tiers (plutôt que par Klaviyo) à l’aide des API de Klaviyo. Les API de Klaviyo permettent à un large éventail de tiers de créer des applications et des intégrations avec notre plateforme. Vous pouvez rechercher à la fois des intégrations créées par Klaviyo et certaines applications tierces dans notre marketplace d’applications. Si vous recherchez une application que vous ne trouvez pas sur notre marketplace, nous vous recommandons de contacter directement la plateforme.