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.

analytics suivi evenement

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 : /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.

tag manager