Archives pour la catégorie Actualités informatiques

[Analytics] Tracker plusieurs informations en même temps

Pour un site j’ai dû mettre un code de tracking sur chaque élément d’un formulaire.
Pourquoi ne pas l’avoir fait avec onclick="ga('send', 'event', 'Budget', 'Select', 'De 200 000 à 250 000 €');" me direz-vous ? Eh ben parce que mon client à voulu des slect customiser et du coup le code de tracking ne fonctionnais plus…

Du coup j’ai trouvé cette astuce :

Si vous utiliser l’ancienne version de Google Analytics

Dans le header

	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-VOTRE COMPTE-1']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

Dans la page de résultat

	_gaq.push(
		['_trackEvent', 'Location', 'Select', ''],
		['_trackEvent', 'Rayon', 'Select', ''],
		['_trackEvent', 'Budget', 'Select', ''],
		['_trackEvent', 'Surface terrain', 'Select', ''],
		['_trackEvent', 'Recherche', 'CTA', 'Rechercher']
	);

Si vous utiliser la nouvelle version (Universal Analytics)

Dans le header

	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	ga('create', 'UA-VOTRE_CODE-1', 'VOTRE_SITE');
	ga('send', 'pageview');

Dans la page de résultat

	ga('send', 'event', {'eventCategory':'Location', 'eventAction':'Select', 'eventLabel':''});
	ga('send', 'event', {'eventCategory':'Rayon', 'eventAction':'Select', 'eventLabel':''});
	ga('send', 'event', {'eventCategory':'Budget', 'eventAction':'Select', 'eventLabel':''});
	ga('send', 'event', {'eventCategory':'Surface terrain', 'eventAction':'Select', 'eventLabel':''});
	ga('send', 'event', {'eventCategory':'Recherche', 'eventAction':'CTA', 'eventLabel':'Rechercher'});

Et voilà, le tour est joué !

[Actu] Générateur d’image

Lors de la réalisation dne maquette pour les clients, il n’est pas rare d’utiliser du Lorem Ipsum pour remplir le texte de la page. Très pratique pour le développeur en manque d’imagination, cela ne règle néanmoins pas le problème des illustrations d’articles.

Heureusement, Lorem Pixel vous permet d’agrémenter votre texte d’images de qualités très simplement.

Il vous suffit de choisir la taille désirée, la catégorie souhaitée (nourriture, high-tech, vie nocturne, etc.), éventuellement le style (noir & blanc ou en couleurs), et le tour est joué ! Le service vous fournit alors une URL à insérer sur votre maquette.

Un plus appréciable : de nombreuses photos se trouvent dans chaque catégorie, évitant une sensation visuelle de copier/coller rédhibitoire.
Continuer la lecture

[Actu] Sortie du site Poule Design

J’ai reçu la semaine dernière un mail de la responsable web marketing de l’agence web MyWebShop, ils viennent de lancer un nouveau site www.pouledesign.com. Ce site sera dédié au design et à l’ergonomie web. Ils prévoient d’y effectuer des conférences live gratuites tous les 15 jours le jeudi à 10h, et ouvertes à tous.

La prochaine conférence aura lieu le jeudi 9 août à 10h et portera sur les « 8 techniques de web design ». Voici le résumé : Le « beau » n’est pas définissable, mais l’ergonomie, elle, l’est. Alors si vous souhaitez faciliter l’utilisation de votre site à vos internautes, les inciter à revenir et tout simplement à apprécier votre site web, il ne vous reste qu’une chose à faire : prévoyez 15 à 20 petites minutes jeudi 9 août à 10h afin de participer à la conférence, on vous dira tout ! Et pour les plus curieux, voici un petit aperçu des points qui seront abordés :

  • Usages de la colorimétrie
  • Le Golden Ratio
  • Les typographies
  • Symétrie / Asymétrie
  • Image background
  • Creative Layout
  • Design mobile

Pour y assister, il suffit de s’inscrire en laissant votre e-mail. Le site contient également une partie blog, dans laquelle ils ont déjà insérés des articles. Voici l’url du site www.pouledesign.com.

[Actu] Des statistiques sur Twitter avec Tweetcharts

Envie de connaître des statistiques de ce qu’il se dit sur Twitter à propos d’un mot-clé, d’un hashtag, d’une personne ? Tweetcharts est un nouvel outil gratuit qui vous permettra d’obtenir un rapport chiffré assez détaillé de ce qui circule sur le site de micro-blogging. Plutôt pratique, lorsqu’on a besoin de quelques chiffres et que l’on n’a pas envie de se lancer dans l’acquisition d’un outil payant ou plus complexe ! Tweetcharts a été créé par Hubspot.

Pour l’expression, le mot-clé, le hashtag, l’URL ou encore la personne que vous souhaitez analyser, TweetCharts vous retournera des chiffres divers et variés. A savoir :

  • le nombre de messages contenant un lien
  • le nombre de retweets
  • le nombre de réponses
  • le nombre de mentions
  • le nombre de messages contenant un hashtags

et bien d’autres choses encore. On trouvera également une mesure du sentiment (positif ou négatif) accompagnant ces messages, mais comme aucune indication de méthodologie n’est précisée, on peut avoir des doutes quant à sa fiabilité. Parmi les autres mesures effectuées, notons les membres de Twitter les plus mentionnés, les clients les plus utilisés, les mots les plus présents…

L’inconvénient de TweetCharts est qu’on ne peut définir de limites de temps : l’outil analysera ce qu’il trouvera. D’où des statistiques parfois (très) faussées. Par exemple, un essai sur le hastag #ledebat et ses dérivés, suite au débat de l’entre-deux tours présidentiels, ne retournera pas des résultats très concluants, car TweetCharts se concentrera uniquement sur 985 tweets…Très bien pour des mesures rapides, donc, mais pas suffisant si l’on veut des statistiques fines !

Source

[Actu] Les noms de domaine avec accent se sont ouvert le 3 mai

Les accents dans les noms de domaine sont désormais possibles. Annoncée il y a 3 mois, cette nouveauté concerne les noms de domaine en .fr, ceux en .com ou en .eu existant déjà.

Cette révolution porte sur 30 caractères spéciaux dont voici la liste : ß, à, á, â, ã, ä, å, æ, ç, è, é, ê, ë, ì, í, î, ï, ñ, ò, ó, ô, õ, ö, ù, ú, û, ü, ý, ÿ, œ.
Vous pourrez donc acheter : goûter.fr, garçon.fr, téléphone.fr,…

Plusieurs étapes

Dans un premier temps, seuls les titulaires d’un nom de domaine sans accent sont prioritaires. Ils peuvent réserver leur équivalent avec accent dès aujourd’hui. Par exemple, le titulaire du nom societe.fr est pour le moment le seul habilité à racheter société.fr. Ce ne sera qu’à partir du 4 juillet que l’achat des noms de domaine avec accent sera ouvert à tous. Le titulaire d’un nom de domaine équivalent perdra son privilège, puisque la règle qui s’appliquera sera celle déjà en vigueur : premier arrivé, premier servi !
Continuer la lecture

[Actu] Évaluer la qualité d’une intégration

Comment évaluer la qualité d’un intégration ? Vous pouvez le faire avec les validateurs (W3C ou WCAG) qui vous donnent une petite idée sur ce qui peut être changé sur votre site. Seulement si vous avez mis les boutons de partage des réseaux sociaux, vous aurez plusieurs erreurs que vous ne pourrez pas modifier. De plus les critères concernés par l’intégration d’une page sont nombreux : graphisme, référencement, développement, …

La qualité d’une intégration peut se mesurer grâce à 3 questions :

  • Est-ce que c’est bien pour l’internaute ?
  • Est-ce que c’est bien pour le projet ?
  • Est-ce que c’est bien pour moi ?

Tout d’abord, la première question, « Est-ce que c’est bien pour l’internaute ? ». En se préoccupant d’abord de l’internaute, on va faire attention aux problématiques qui vont directement le toucher.

  • La performance : la vitesse de chargement d’une page web est un des critères les plus importants vis-a-vis de l’internaute. Est-ce que mon code est bien optimisé ? Est-ce que mes images sont bien découpées et bien compressées ? Est-ce que le nombre de requêtes HTTP est bien optimisé ?
  • La compatibilité : vu la multitude d’appareils, de navigateurs et de logiciels permettant d’accéder au contenu de votre site, il est indispensable de codez pour les autres. Est-ce que la propriété X fonctionne sur le navigateur Y ? Est-ce que ma page s’affichera bien sur de nouveaux appareils avec des résolutions d’écran 2 fois supérieures ?
  • L’accessibilité : toute aussi importante, et pourtant souvent sous-évaluée. Est-ce que mon code sera bien interprété par un navigateur vocal ?

Continuer la lecture

[Actu] 42 nombres cultes pour les geeks

Certains nombres ont une résonance particulière chez les geeks ou les fans de nouvelles technologies, mais uniquement chez eux. Pour éviter de tomber trop souvent dans la Private joke, voici quelques nombres cultes. Idéal pour briller en société ou vous fondre dans le décor lors d’une soirée COD.

0/1 : ou la base du langage binaire. 0 pour faux (le courant ne passe pas), 1 pour vrai (le courant passe). Soit un concept totalement différent de la base décimale que nous utilisons. Vous souhaitez en savoir plus ? lisez ceci.

1.6180339887 : le nombre d’or. Souvent désigné par la lettre grecque Phi et relié à la suite de Fibonacci. A des utilités en géométrie et en arithmétique.

3.11 : première version de Windows avec réseau intégré.

4.10 : nom de la première publication d’Ubuntu Linux. A noter, les versions d’Ubuntu sont notées année.mois et non 1.0, 1.1 etc. D’où la première version nommée 4.10 (pour octobre 2004). Autre anecdote, cette première version s’appelait Warty Warthog, soit en français Phacochère verruqueux. Et oui.

5.25 : disquettes préhistoriques de deuxième génération qui font désormais souvent office de frisbees. Apparue en 1981.

Pi : 3,1415 etc., le chiffre culte par excellence. Et qui donne donc son nom au Pi Day le 14 mars (3/14).

8 : comme le 8-bit, puissance des microprocesseurs des consoles de première génération (NES, Master System…). A même inspiré un style de musique électronique inspiré des jeux de l’époque.

8 (encore) : comme les disquettes 8 pouces, première génération de disquettes. Lancées en 1967 par IBM, elles pouvaient stocker 80 000 caractères.
Continuer la lecture