Comment correctement configurer le taux de rebond ?

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.

Suivi des évènements en live dans analytics

Contenu du script d'optimisation de l'analyse du taux de rebond dans google Analytics

//configuration var
var monitoringType=2; //1 = nombre de hauteur d'écrans défilées ; 2 = Pourcentage hauteur d'écran
var 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 millisecondes
setTimeout(launchEvent, minimalTimeOnPage);

//technical var for not uing Jquery
var 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 : https://www.410-gone.fr/e-commerce/strategie-webmarketing/google-analytics/taux-rebond/optimisation/configuration.html

function 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 debug
	if(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;
});

Comment installer ce script ?

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.

Configuration d'un javascript de taux de rebond dans google analytics