[RÉGLÉ] Google analytics et suivie de video

[Ozalto]

Bonjour,

J'essaye de mettre en place un suivi d'une vidéo sur le site que je gère mais pour l'instant, je n'y arrive pas.

J'ai réussi à mettre en place le suivie d'une page donc je sais (pense) que mes balises google analytics sont en place.

Je pense avoir bien créer mon évent dans google analytics donc je pense que mon erreur doit venir de mon code HTML (ou de la façon dont j'implante le code de suivi).

<div align="center">

     <video width="720" height="360" preload="auto" controls="controls" poster="www.zzz.fr/image.png">
  <source onclick="ga('send', 'event', 'video', 'play', 'video.mp4');" src="www.zzz.fr/video.mp4" type="video/mp4">
Your browser does not support the video tag.
		 
</video> 
	</div>

une idée ? astuce ?

Merci d'avance : )

[daneel]

Re : Google analytics et suivie de video

Bonjour,

En cherchant un peu, on trouve quelques informations sur le tracking de video html5
Google Analytics + jquery.

http://www.9lessons.info/2016/04/track-html5-video-views-with-google.html

[Ozalto]

Re : Google analytics et suivie de video

Déjà merci pour le lien;

J'étais déjà tomber sur des liens qui utilisent du java script mais étant un novice total dans ce domaine, j'avais préféré voir ailleurs s'il n'y avait pas d'autre solution. Je ne suis pas trop fan de copier/coller du code quand je ne comprend pas ce que j'utilise.

Si je je ne trouve pas d'autres solutions, je testerai.

[Ozalto]

Re : Google analytics et suivie de video

Problème résolu.

Ma balise GA n'était pas à la bonne place.

[daneel]

Re : Google analytics et suivie de video

Si je je ne trouve pas d'autres solutions, je testerai.

Pas de soucis, je colle le code ici :

<script>
	$(document).ready(function(){
	var i=0;
	var j=0;

	/* Video Watched */
	$("#video").bind("timeupdate", function()
	{
	var currentTime = this.currentTime;
	if(currentTime > 0.66*(this.duration))
	{
	if(i<1)
	{
	/* Watched 66% */
	ga('send', 'event', 'Videos', 'Watched','Video Title');
	}
	i=i+1; //Reset for duplicates
	}
	});

	/* Video Finished, Thanks */
	$("#video").bind("ended", function()
	{
	if(j<1)
	{
	/* Finished */
	ga('send', 'event', 'Videos', 'Finished','Video Title');
	}
	j=j+1; //Reset for duplicates
	});

	});
</script>

//HTML Code
	<video id="video"  width="100%"  controls>
		<source src="video.mp4" type="video/mp4">
	</video>