Si vous avez lu notre article sur les astuces qui permettent de diminuer le taux de rebond d'un site internet auprès de ses visiteurs, vous êtes surement ici pour obtenir le script de mise en place.
//configuration varvar monitoringType=2; //1 = nombre de hauteur d'écrans défilées ; 2 = Pourcentage hauteur d'écranvar minimalScreenNumber=3; // hauteur minimale d'écran à afficher ( si le deuxième écran est vu en entier alors l'évent est délenché)var minimalSrollPercentage=0.8; //Pourcentage de défilement)var minimalTimeOnPage=8000; // en millisecondessetTimeout(launchEvent, minimalTimeOnPage);//technical var for not uing Jqueryvar body = document.body;var html = document.documentElement;var documentHeight = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );var windowHeight = document.documentElement.clientHeight;var eventLaunched=false;var lastScrollKnownPosition = 0;var monitoringScroll = false;//Full documentation here : /e-commerce/strategie-webmarketing/google-analytics/taux-rebond/optimisation/configuration.htmlfunction launchEvent() {if(eventLaunched==false){eventLaunched=true;//console.log("event OK");ga('send', 'event', 'navigation', 'anti bounce interaction', 'scroll and time', 0);}}function actionDependingOnScroll(lastScrollKnownPosition) {if(monitoringType==1 && documentHeight>=minimalScreenNumber*window.innerHeight){if(lastScrollKnownPosition>(minimalScreenNumber-1)*window.innerHeight){launchEvent();}}else{if(documentHeight>window.innerHeight/minimalSrollPercentage){if(lastScrollKnownPosition>(documentHeight-window.innerHeight)*minimalSrollPercentage)launchEvent();}}/* //uncomment area if you want to debugif(eventLaunched==false){console.log("________________________________________")console.log("position actuelle : "+lastScrollKnownPosition)console.log("taille fenêtre : "+$(window).height())console.log("hauteur document : "+documentHeight)}*/}window.addEventListener('scroll', function(e) {lastScrollKnownPosition = window.scrollY;if (!monitoringScroll) {window.requestAnimationFrame(function() {actionDependingOnScroll(lastScrollKnownPosition);monitoringScroll = false;});}monitoringScroll = true;});
La solution la plus simple est de l'installer dans une balise de google tag manager entre des balises <script type="text/javascript"></script> avec comme déclencheur : toutes les pages vues, comme vous pouvez le voir dans la capture d'écran ci-dessous.
Téléchargez notre livre blanc SEO !