Tracking des vidéos youtube avec Google Analytics

Petit astuce pratique pour aujourd’hui !
J’ai récemment fait face à des demandes de statistiques précises sur la lecture de vidéos youtube sur une page bien précise.

Dans un premier temps, j’ai fourni les statistiques délivrées par Youtube Insight (Les statistiques intégrées à la plateforme youtube), cependant celles-ci n’étaient pas assez précises.

J’ai donc trouvé sur un site brésilien un plugin javascript pour google analytics qui permet de suivre les événements suivants sur une vidéo :

  • Lecture
  • Pause
  • Fin de lecture
  • Avance rapide
  • Retour
  • Temps de lecture (par tranches)

Et ceci de manière très simple, sans nécessiter de connaissances particulières en javascript 🙂
Pour consulter ceci, vous pouvez vous rendre à l’adresse suivante : http://www.directperformance.com.br/en/como-medir-videos-youtube-com-google-analytics (en)…

Tracking des vidéos youtube avec Google Analytics Lire la suite »

Création d’un dépot Subversion chez ovh

Mise en place d’un dépôt svn chez ovh

Préalable :

  • Nécessite d’avoir un hébergement au minimum de type « Pro » chez ovh
  • Quelques connaissances en lignes de commandes

Ce tutoriel explique comment gérer un dépôt svn chez l’hébergeur ovh, et comment configurer son ordinateur tournant sous Windows pour utiliser ce dépôt.

Création du dépôt :

Avant toute chose, il est nécessaire de télécharger et d’installer l’utilitaire « Putty » depuis la page http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html

  • Télécharger le fichier A Windows installer for everything except PuTTYtel
  • Procédez à l’installation du fichier téléchargé.
  • Lancez « Putty »

Connection ssh avec putty
Dans le host name, saississez ftp.yourdomain.com, laissez les autres options par défaut et cliquez sur le bouton « Open ».
Il vous est ensuite demandé votre nom d’utilisateur et votre mot de passe, qui correspondent à vos identifiants ftp principaux. (Les comptes ftp supplémentaires ne fonctionnent pas, il y’ a uniquement un utilisateur SSH par compte ovh)

Vous arrivez ensuite à la racine de  votre hébergement et vous pouvez listez le contenu de celui-ci via la commande linux « ls »


Créer un dossier « svn » si il n’existe pas, et attribuez lui un chmod de 755.…

Création d’un dépot Subversion chez ovh Lire la suite »

Création d’un plugin de suivi de temps pour Mantis Bugtracker

Mantis BugTracker : Création d’un plugin « Suivi du temps »

Edit 29/04/2013 :  Dernière informations sur le plugin : https://www.h-hennes.fr/blog/plugin-suivi-de-temps-pour-mantis-bugtracker/

J’utilise au quotidien la plateforme Mantis Bugtracker pour gérer mes tâches en cours, et suivre le temps que je passe sur les différents projets.

A ce titre j’ai customisé l’installation de base avec l’ajout de nouvelles fonctionnalités  tels que la mise en place d’un éditeur wysywig(TinyMce) ou la possibilité de créer un bug directement via l’envoi d’un email.

Aujourd’hui je vais vous présenter un plugin que je viens de développer pour afficher le temps que je passe sur chaque intervention.
Nous allons voir ensemble toutes les étapes de son développement.
( Ma version de mantis est la 1.2.4)

Voici un apperçu du rendu final du plugin :

Calendrier Mantis
Avant toute chose pour que ce plugin fonctionne il est nécessaire d’activer la gestion du temps dans Mantis.

Pour ce faire il est nécessaire de rajouter la ligne suivante dans le fichier « config.inc.php …

Création d’un plugin de suivi de temps pour Mantis Bugtracker Lire la suite »

Mozilla Prism : Créer une application à partir d’une page web

Petite astuce pratique aujourd’hui avec l’utilisation de Mozilla Prism , ce logiciel vous permets de créer une application à partir d’une page web.
Cela vous permet donc d’accéder directement à la page internet de votre choix depuis un raccourci sur votre bureau !

L’arrivée de cette fonctionnalité n’est pas nouvelle mais j’ai redécouvert dernièrement son intérêt dans le cas suivant :

J’écoute de la musique toute la journée sur des sites de streaming de type GrooveShark ou Deezer qui tournent dans un onglet spécifique de mon navigateur.
Hors de temps de temps, une erreur de clic me faisait fermer cet onglet sans le vouloir….
Ces sites sont également de grands consommateurs de mémoire pour le navigateur, ce qui faisait ralentir et planter souvent firefox.

En utilisant Prism, il devient donc possible de s’affranchir de ces contraintes de manière simple et intuitive !

Mozilla Prism

Si vous aussi vous souhaitez profiter de ces fonctionnalités n’hésitez pas à télécharger ce logiciel : http://prism.mozillalabs.com/

Mozilla Prism : Créer une application à partir d’une page web Lire la suite »

Les alternatives gratuites à deezer

La semaine dernière Deezer à lancé un pavé dans la mare en restreignant de manière conséquente l’accès gratuit et illimité à la musique en ligne sur son site.
Les nouvelles règles ne permettent plus à  un utilisateur au quotidien ce service comme moi de profiter de l’écoute de la musique gratuite, puisque celle-ci est limitée à 5 heures par mois

Autant dire très peu de temps, puisque j’ai épuisé ce crédit en moins d’une journée.
Avant de me poser la question si il était nécessaire de souscrire à un abonnement , j’ai tout de même cherché si il existait des alternatives gratuites.
( Même si en soit, je ne trouve pas l’abonnement à 5€/mois exhorbitant au vu de mon utilisation, je trouve que je paye déjà assez d’abonnements pour ne pas encore en souscrire un de plus…)

Et effectivement des sites gratuits existent encore  !

Je passerais rapidement sur Jamendo , qui propose des morceaux libres de droits, donc écoutables et téléchargeables gratuitement et de manière toute à fait légale.…

Les alternatives gratuites à deezer Lire la suite »

Truc et astuces : [Chrome] Contourner l’erreur d’affichage de la propriété background-image sur un tr

Un petit tip que je partage avec vous aujourd’hui car j’ai pas mal cherché sur internet une solution qui me convenait.

Le problème que j’ai rencontré est le suivant :
Sous Google Chrome et Safari, l’image de fond attribuée à ma ligne de tableau <tr> ne s’affichait pas correctement, et était reprise par chaque cellule du tableau.

Voici l’aperçu problématique :
erreur affichage

Voici le code html du tableau

<table border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr class="bg_realisation_small">
<td class="bg_realisation_gauche_chrome">
<h3>AVANT</h3>
<img style="width: 260px; height: 195px;" src="realisations-5.jpg" alt="" /></td>
<td class="bg_realisation_droite_chrome">
<h3>APRES</h3>
<img style="width: 260px; height: 195px;" src="realisations-4.jpg" alt="" /></td>
</tr>
</tbody>
</table>

Le principe du hack constiste à supprimer le fond de la balise tr et à l’appliquer aux éléments td en spécifiant la position du fond.

Voici le Css du correctif :

tr.bg_realisation_small

Truc et astuces : [Chrome] Contourner l’erreur d’affichage de la propriété background-image sur un tr Lire la suite »

Les inconnus : Le come-back ?

Rien a voir avec le high-tech dans ce post, mais une information à confirmer sur les humoristes phares de ma génération !

Selon Voici ( non je ne lis pas ce magasine j’ai obtenu cette information sur le site yahoo.fr 🙂 ), le trio comique aurait prévu de tourner la suite du film culte « Les 3 frères » l’an prochain.

Une info souvent reprise mais jamais confirmée, qui serait vraiment géniale !

Pour patienter en attendant cet eventuel nouvel opus, voici une petite vidéo d’un de mes sketchs préféré 🙂

« Quelle est la différence entre le bon et le mauvais chasseur ? « 

Les inconnus : Le come-back ? Lire la suite »

Freebox V6 : La révolution !

Aujourd’hui Free a encore frappé très fort en dévoilant ses nouvelles offres et la nouvelle Freebox !

La 6ème du nom, designée par Philippe Starck !  nous apporte un nombre conséquents d’évolutions qui vont changer la vie du geek de tous les jours.

FreeBox V6

Le boitier freebox ( Freebox server )
Véritable mini ordinateur, il  contient un disque dur de 250 Go NAS accessible par tout les appareils du réseau domestique via le protocole UPnP.  Ultra pratique pour partager de manière simple et efficace l’ensemble des médias du foyer ! 🙂
Pour les accros du téléchargement, le boitier permets également de télécharger directement des fichiers à l’aide des protocoles http, ftp, et bittorent, le tout sans avoir besoin d’allumer son pc !
Pour écouter la musique stockée dans le boitier, celui-ci comporte également des hauts parleurs permettant d’en profiter sans accessoires supplémentaires ! (Puissance limitée à 1W par contre…)

Au niveau de la connectique c’est très complet également :

  • Wi-Fi 802.11n 450 Mbit/s
  • 2 ports USB 2.0
  • 1 port e-sata
  • 4 ports ethernet Gigabit
  • base dect pour 8 téléphones

Le boitier TV : ( Freebox Player )

Vous n’êtes pas encore équipé d’un lecteur blu-ray , pas de problèmes, la nouvelle Freebox Player comble cette lacune !…

Freebox V6 : La révolution ! Lire la suite »

E-book pour tirer le meilleur parti de Twitter !

Twitter

Tout comme moi vous ne parvenez pas à saisir l’intérêt du site de micro-Blogging Twitter ?
Rendez vous sur le blog du modérateur qui nous propose un e-book complet sur le sujet !

http://moderateur.blog.regionsjob.com/index.php/post/Ebook-Tirer-le-meilleur-parti-de-Twitter-2eme-edition

Après cela vous n’aurez-plus aucune excuse pour ne plus utiliser twitter ! ^^

(Pour ma part je l’utilise uniquement comme outil de suivi d’actualité, je ne poste quasiment jamais d’informations)…

E-book pour tirer le meilleur parti de Twitter ! Lire la suite »