Ça va swinger dans le backoffice
www.l-alsacien-gourmand.fr

Archives du mois de juillet 2008

Proposer un téléchargement

Hier, aux vues des statistiques du site j’ai décidé de mettre en téléchargement mon CV avant d’en faire un beau (plus tard) sur la page.

Et si vous avez bien vu, je propose soit de le visualiser au format PDF, soit de le télécharger au format PDF. Pour les non codeux, j’imagine que ça vous fait une belle jambe; Mais pour tous les codeux qui lisent ça, je pense que ça titille leurs intérêts. Car effectivement, tous les codeux savent qu’en faisant un lien vers un fichier PDF, celui s’affichera dans le navigateur de l’internaute, et ne sera pas proposer en téléchargement.

Donc voilà comment faire :

Beaucoup de choses se passent dans les communications entre votre navigateur et les serveurs web quand vous naviguez. Tout cela est totalement transparent pour les internautes, le seul moyen de visualiser ce qui se passe à ce niveau et d’utiliser des logiciels spéciaux. Si vous avez Firefox comme navigateur, vous pouvez utiliser l’extension LiveHTTPHeaders .

C’est justement là que le serveur envoie l’ordre d’afficher ou de télécharger tel ou tel type de fichier. L’histoire est donc d’influer sur cet ordre. Comment faire ? Plusieurs solutions s’offrent à vous, soit vous avez la main sur votre serveur et vous le configurer comme il se doit (soit par type d’extension, soit par répertoire), mais dans ce cas la vous êtes déjà un vrai killeur et mes solutions à deux balles vous vous asseyez dessus.
Soit, vous êtes un simple amateur et vous influez sur les entêtes http à l’aide de PHP ! (de la même façon que vous faites des redirection en php) Voila le code pour faire ce de quoi on parle (petit rappel pour ceux qui sont perdus : on parle de proposer un téléchargement à la place d’une visualisation : cela marche pour tous les types de fichier : image, texte, html , …)

<?php
header(”Content-Disposition: attachment; filename=\”nom que vous souhaitez donner au fichier\”");
readfile(”adressedu fichier en local ou non”);
exit();
?>

Dans cette histoire c’est le Content-Disposition: attachment; qui est important. Le filname qui suit sert à indiquer le nom que vous présenterez à l’internaute. Ce nom sera celui du fichier qu’il va télécharger (N’oubliez pas l’extention, c’est un peu con … Mais des pros l’oublient quand même. Exemple : http://www.zoo-mulhouse.com/ sur les liens “Brochure de présentation” et  “Programme des animations 2008″ dans la colonne de droite il manque l’extension .pdf). Le dernier élément est bien sur l’adresse du fichier à telecharger sur votre hébérgement (ou celui d’un autre pkoi pas …).

Bon ici c’est dans le cas d’un téléchargement simple, apres rien ne vous interdit de faire ça avec des variables pour n’avoir qu’un seul fichier php qui gère tous vos téléchargements en passant les noms et adresses en variable. De plus la syntaxe ici est minimaliste, car en entête http, on peut faire passer plein de chose (encodage, content-type, taille, …), mais bon vous m’en voudrais pas si me m’assoie dessus, car je n’en vois pas l’utilité dans mon cas. Si je me trompe, dites le moi, je serais ravie d’en savoir plus.

(j’ai découvert ça plus ou moins par hasard en feuilletant des livres sur les configurations http quand j’etait en stage dans une entreprise éditrice de logiciels textile, mais bon je n’ai pas inventé la roue non plus)

L’alsacien et ses cartes de visite

Aujourd’hui encore, pendant que tout le monde pense que je suis encore en vacances, j’ai fait un pas de plus dans la création de ma boutique de produits d’Alsace .
J’ai passé une bonne partie de l’après-midi à faire mes cartes de visite.
Et voilà le résultat :

A l’origine, je voulais faire imprimer les cartes par Ooprint.fr (chez Vistaprint j’ai repéré les plaques aimantées pour voitures, que j’ai noté pour plus tard). Mais voilà : l’aperçu qu’ils m’offrent, ne me conviens pas, et j’ai peur de faire imprimer 100cartes pourries pour 25€.
En effet, les lettres ne sont pas nettes, et ça risque d’être un tant soit peu illisible.
Regardez par vous-même et dites moi.

J’ai bien vue que leur outil de prévisualisation est en flash, et que cette bavure n’est peut être que sur la prévisualisation : Mais qu’est-ce qui me le prouve ?

Donc demain, mon petit dessin dans la poche (dans tous les formats), je vais me pointer dans une boutique d’impression de carte de visite à Mulhouse. J’en profiterais pour acheter des lampes de sel, car c’est juste à côté.

Sans-referent.com

Hier je devait vous montrer comment faire du clic tracking, mais à vrai dire j’était occupé à finir un petit site utilitaire (j’ai aussi réparé mes flux RSS au passage).

Ce site c’est Sans-referent.com un site qui permet de faire des liens vers d’autres site sans pour autant transmetre via les référés, l’adresse du sien.

Donc ça sert quand ?

Quand vous avez besoin de faire votre langue de vipere sans voiloir froisser l’autre. En gros parler dans son dos.

Ca marche comment ?

C’est très simple : Vous faite votre lien en ajoutant “http://www.sans-referent.com/” devant, et en ajoutant le temps que doit prendre la redirection. (Merci d’url rewriting ;) )

Un emxemple ?

J’aime bien me moquer de Guillaume . Il aime bien aussi.
Le lien utilisé ici est http://www.sans-referent.com/http://guillaumeland.zevillage.org/00/ .

Pour plus d’infos rendez vous directement sur le site. Si vous ne trouvez pas votre bonheur, ou si vous n’y piger rien, contacter moi et je tacherais de faire mieux dans les explications.

L’importance du clic tracking pour tester vos sites

Lorsque j’ai bidouillé cette template (comme un pro : plaisir de geek, mon XHTML est sans erreur, tout comme mon CSS) j’ai fait le choix d’afficher une vue du backoffice de Magento. Pour ne pas induire en erreur mes visiteurs, j’ai décidé d’incliner un peu cette capture d’écran.

Mais, à en croire le test de clics tracking que j’ai effectué, ce n’est pas assez. Regardez par vous même ci dessous
60% des clics la ou il ne faut pas ...

60% des clics sont dans cette zone qui est uniquement décorative.

Donc résultat de l’étude : revoir cette image. Soit rajouter des hachures, ou soit afficher la zone en plus petit, … Vous avez d’autres idées à me proposer ?

PS : 2 clics dans cette zone sont l’œuvre de Guillaume le mauvais qui était jaloux que je parle de Fabien sur ce blog et pas de lui. L’erreur est maintenant corrigée.

Maintenant vous voulez peut-être savoir comment j’ai fait cette étude ?
Je vous en parle demain ( ;) héhé), car il existe plusieurs moyens de le faire. Donc à demain.

l’Url rewriting en 25 secondes

Un commerçant doit avoir la fibre commerçante (à ne pas confondre avec la fibre vendeuse, car c’est autre chose encore). Le e-commerçant doit avoir en plus une petite fibre technique quelque part en lui. Ça tombe bien, elle est quelque part en moi (dû moins quand je mets la main dessus). Donc si vous êtes un peu dans mon cas, je vous prête un petit lien bien pratique.

Je sais, il est déjà vu, revu, et rerevue sur tous les blogs à ici et la, mais je me permet de republier le lien, car je trouve ce service très utile (en vérité, c’est pour retrouver le lien plus rapidement que dans mes bookmarks ;) ).

mod-rewrite-wizard.com
Ce service c’est Mod-rewrite-wizard.com . Il vous aide dans la création de vos règles d’Url rewriting (quand je dis des phrases comme ça, je me fais rire tout seul, je suis quand même un putain de geek de merde).
Donc en trois coups de cuillères à pot, vos règles sont pliées.
Le principe est très simple : vous entrez votre Url non-rewrité, vous cliquez sur Start, et vous cliquez à droite et à gauche afin de paramétrer votre petite affaire, avant de terminer par le bouton Done, qui vous donnera gentiment votre règle à inclure dans votre .htaccess .

Que demander de plus ?

PS :Si vous êtes utilisateur d’ovh, vous aurez quelques petites modifications à faire, mais les forums officiels en savent plus que moi sur cette histoire.

PS2 : Ce site a disparu depuis début 2009. Si vous trouvez un équivalent en ligne (ou même logiciel) pour créer de manière “Wizard” des règles d’URL rewriting, je vous invite à partager votre trouvaille via les commentaires ;) .

les statistiques : la clés du succès

Depuis maintenant plus de 6mois j’utilise les statistiques fournies pas le site Clicky .

Et aujourd’hui, accrocs comme je suis aux statistiques, j’ai décidé de passer en version payante. J’ai pris la version Professional car elle permet d’auditer jusqu’a 10sites internet.

Mais vous inquiétez pas, il existe une version gratuite, très puissante, elle aussi. La version gratuite permet d’auditer jusqu’à 3 sites.

La première force de ce service est d’être 100% live (chose qui n’est plus si différenciateur que ça, car Google Analytics le fait aussi maintenant), mais ce qui me plais le plus dans cet outil, c’est sa présentation des statistiques.

Les statistiques ne sont plus représentées comme une donnée journalière, comme sur Google Analytics ici avec Clicky les données sont orientées utilisateur. - Quoi ?!

Ça veut dire qu’à la place de savoir que vous avez 18visiteurs français, 2belges, et que vous avez 12 visiteurs équipes d’IE, et 8 de FF (au passage mes visiteurs belges sont-ils équipés d’IE ou de FF ?), Clicky vous donnes directement une visualisation par internaute … Ok je vois que je suis pas super clair. Le plus simple c’est deux images :

Image de d\'illustration de l\'outil de statistiques Clicky

Ici c’est l’illustration de l’onglet visiteur. Vous pouvez voir que tous les visiteurs sont listés 1 à 1. Vous pouvez connaitre leur mode d’arrivé (par référent + le nom du site référent, par moteur + occurrence de mots recherché + nom du moteur, ou rien pour direct). Vous pouvez aussi remarquer qu’on a une colonne avec des actions juste à coté du temps passé sur le site. Cela représente toutes les actions qu’a fait l’internaute sur votre site : arrivé, pages vues, et même clics (internes et externes).

Imge d\'illustration du site de statistique Clicky Vous pouvez en avoir l’exemple ci-contre. Ce visiteur (qui a comme fournisseur d’accés Free, et qui navigue sur Firefox) a cliqué sur les liens situés en bas de la page pour vérifier si ce site est bien valide à 14h30.

Mais bon ceci ce n’est que pour les deux fonctions que je trouve essentielles et dont je ne peux plus me passer;

Sinon ce système propose énormément d’autres fonctions.

En vrac :
- Suivi des stats par Rss
- Suivi des visiteurs en direct à travers une fonction espion
- Positionnement géographiques des visiteurs
- Possibilité de nommer tous les visiteurs
- Widget pour tous support (Vista, IGoogle, Netvibes, …)
- etc …

Mais bon, le plus simple pour comprendre c’est d’aller voir par vous même c’est gratuit, vous m’en direz des nouvelles.