Calendly integration
Calendly est la plateforme de planification moderne qui permet de “trouver du temps” en un clin d’œil. Lorsque la connexion est facile, vos équipes peuvent en faire plus.
Pour suivre les soumissions de formulaires, vous pouvez utiliser une option supplémentaire de l’événement – Page de confirmation. Cette section vous permet de définir une redirection vers un site externe, puis de lui renvoyer les détails de l’événement. L’intégration utilise ceci.
Configuration initiale
La première étape consiste à modifier l’événement que vous souhaitez suivre et à configurer la redirection dans la section “Confirmation Page “. Vous devrez ajouter un code spécial à la page de redirection, alors choisissez judicieusement. La touche finale est d’activer ‘Pass event details to your redirected page‘ car c’est la clé pour pouvoir suivre les détails de la soumission.
URL redirection
Comme mentionné ci-dessus, pour pouvoir suivre les soumissions, il faut ajouter un code spécial à cette page. En général, vous avez deux possibilités. Vous pouvez utiliser un code PHP pour lire les données GET que Calendly envoie à l’URL de redirection ou vous pouvez utiliser JavaScript. JavaScript est un code client qui doit être ajouté au code du site, tandis que PHP est un code côté serveur qui devra d’abord traiter les paramètres GET, préparer le code de suivi des ventes, puis transmettre le résultat au client.
Pour faciliter la présentation, nous allons nous concentrer sur JavaScript. Vous aurez besoin de quelque chose de ce type :
<script id="pap_x2s6df8d" src="https://URL_TO_PostAffiliatePro/scripts/trackjs.js" type="text/javascript"></script>
<script type="text/javascript">
var urlParams = new URLSearchParams(window.location.search);
function getVarFromUrl(name) {
if (urlParams.get(name) != null) {
return urlParams.get(name);
}
return '';
}
PostAffTracker.setAccountId('Account_ID');
var sale = PostAffTracker.createSale();
sale.setTotalCost('0');
sale.setOrderID(getVarFromUrl('email'));
sale.setProductID(getVarFromUrl('event_type_name'));
sale.setData1(getVarFromUrl('email'));
PostAffTracker.register();
</script>
Le code ci-dessus utilise l’objet natif JavaScript “URLSearchParams” pour analyser l’URL en différents paramètres. Le code de suivi des ventes lui-même utilise ensuite une fonction personnalisée “getVarFromUrl()” pour obtenir la valeur d’un paramètre défini.
Pour connaître les noms des paramètres de votre formulaire, vous devez effectuer au moins un test de soumission et voir les noms des paramètres dans l’URL redirigée. Ensuite, utilisez simplement getVarFromUrl(‘name’) dans le code de suivi des ventes.
Voilà, c’est fait. Vos soumissions seront suivies à partir de maintenant. Veillez à intégrer votre site avec le click tracking code et assurez-vous que la page de destination se trouve sur le même domaine que votre URL de redirection.