Archives de catégorie : Tweak

Retrouver le créateur d’une fanpage sur Facebook

Cette méthode ne fonctionne plus et je n’ai pas de solution à vous proposer sur la nouvelle version de facebook.

Je sais j’écris beaucoup à propos de Facebook ces derniers temps. Mais là j’ai trouvé un truc assez intéressant pour retrouver le créateur d’une page fan sur le réseau social le plus utilisé du moment.

Je vous préviens tout de suite, la technique est assez compliquée et implique de trifouiller un peu plus que d’habitude.

L’idée est assez simple à la base :  lorsque l’on affiche la liste des fans d’une page, ceux-ci sont affichés par ordre d’inscription – les derniers inscrits étant affichés en premier. Aussi, en toute logique, le créateur de la page doit-être le dernier de la liste aka le premier inscrit.

Lorsque la page n’a qu’un faible nombre de fans il est assez simple de tous les parcourir à la main – Mais si l’on s’attaque à un sujet hautement intellectuel tel que « Obliger un agent de la SNCF à travailler et le regarder pleurer » (exemple pris au hasard parmi les derniers statuts de mes amis facebook), on ne va pas s’amuser à parcourir xx pages à la main.

De quoi a-t-on besoin ?

Pour trouver cette astuce je me suis basé sur Firefox ainsi que deux de mes extensions préférées : Tamper Data et Firebug.

Avec Tamper Data on va modifier la requête envoyée par Facebook pour choisir d’afficher la dernière page – ceci va générer un bug et les données, bien que transmises, ne seront pas affichées – il faudra donc les lire à l’aide de Firebug.

Tamper Data

Tamper Data permet de modifier tous les paramètres d’une requête envoyée au serveur – qu’elle soit synchrone ou asynchrone. Cette extension est très pratique pour faire des essais en Ajax et avait déjà été utilisée dans un précédent hack qui permettait de visionner tous les profils Facebook, qu’ils soient publics ou non. Télécharger

Firebug

Je n’ai même pas envie de présenter cette extension tant vous auriez tort de ne pas déjà la connaître ! En l’occurrence elle va nous servir à analyser le retour d’une requête Ajax que le script côté client a du mal à rendre… C’est pas grave, on est plus fort que Chuck Norris, on lit directement le code source ! Télécharger

Continuer la lecture

[Facebook] Inviter tous ses amis à un groupe / fanpage en une seule fois

Il peut-arriver, parfois, que l’on ait une bonne raison de vouloir inviter tous ses amis facebook à rejoindre un groupe ou à grossir les rangs d’une fanpage quelconque.

Cette manœuvre peut-être assez fastidieuse si l’on doit tous les sélectionner un par un… Aussi je vous propose aujourd’hui une astuce qui vous permettra de sélectionner tous vos amis d’un coup. Libre à vous, ensuite, de désélectionner ceux qui ne seraient pas intéressés par la fanpage de Benjamin Biolay (ouais pourquoi pas).

Une fois la popup DHTML servant à inviter les amis ouverte (donc après avoir cliqué sur « Recommander à des amis » pour une fanpage ou « Inviter des amis à rejoindre le groupe » pour un groupe), vous devrez copier/coller le code suivant dans la barre d’adresse de votre navigateur :

javascript:els=document.getElementById(‘friends’).getElementsByTagName(‘li’);for(var id in els){if(typeof els[id] === ‘object’){fs.click(els[id]);}}

Il suffit ensuite d’appuyer sur la touche entrée et d’attendre quelques secondes (en fonction de votre nombre d’amis) pour voir toutes les petites vignettes s’illuminer.

Vous n’avez plus qu’à valider votre choix pour effectivement inviter tous vos amis; comme si vous veniez de tous les sélectionner à la main.

Petite analyse du code en question :

On commence par préciser que l’on ne va pas passer une url mais un code javascript avec la bête instruction javascript:

Ensuite, on va sélectionner tous les <li> enfants de la liste <ul id= »friends »>.

Ces <li> sont stockés dans la variable els que l’on va parcourir dans une boucle for in que les habitués du javascript ou même du bash devraient connaître.

Finalement, pour chacun de ces éléments, on va appeler la fonction fs.click(els[id]); qui est normalement appelée si l’on clique effectivement sur l’élément en question.

Redimensionner plusieurs éléments du DOM en jQuery

Je vois souvent la question se poser un peu partout sur le web : avec cette manie (bonne manie, mais manie tout de même)  de structurer les pages à grand renforts de <div> (en y ajoutant le plus souvent la propriété float) là où nos ancêtres (ou juste nous il y a quelques années) utilisaient une grande quantité de <table>, les présentations en plusieurs colonnes souffrent d’un défaut majeur : elles n’ont plus nécessairement la même longueur.

Il existe un certain nombre de solutions pour remédier à cela. Celle que je vous propose aujourd’hui se base sur un bête code javascript (ignoré des Serps donc, mais peu importe vu qu’il s’agit de mise en page) et plus précisément sur du jQuery.

L’idée est d’attribuer le même nom de classe à tous les éléments du DOM que l’on veut voir de la même taille et ensuite d’appeler, à la fin du chargement de la page, une fonction javascript qui va redimensionner tous les éléments correspondants à un sélecteur jQuery que l’on basera sur la fameuse classe ajoutée à tous les éléments à redimensionner.

L’avantage, par rapport aux autres solutions, est qu’elle ne nécessite presque aucun code supplémentaire et par conséquent, que l’on garde la logique sémantique de la page. Et, après tout, c’est là tout le but de l’abandon des <table> au profit des <div>.

Trêves de blabla, voici le code javascript, à ajouter de préférence dans un fichier séparé :

function redimensionner(selecteur){
var hauteur=0;
$(selecteur).each(function(){
if($(this).height()>hauteur) hauteur = $(this).height();
});

$(selecteur).each(function(){ $(this).height(hauteur); });
}

Il suffira ensuite d’appeler, au chargement de la page, ladite fonction en lui passant en argument le sélecteur jQuery qui matche nos éléments à redimensionner. Le code se chargera de déterminer la taille du plus grand élément et de mettre les autres à l’échelle.

Concrètement, il vous faudra ajouter le morceau de code suivant :

$(document).ready(function(){
redimensionner(‘div.toSize’);
});

Pour redimensionner tous les <div> ayant la classe toSize à la taille du plus grand de ces éléments. Pour plus de détails sur les sélecteurs jQuery, je vous renvoie à l’excellente doc en ligne.

Créer et installer un outil pour surveiller le passage de Google sur son site

Il peut être utile, dans bien des cas, de surveiller l’activité de notre cher Google (ou de ses amis SERPs divers et variés) sur son(/ses) sites. Pour ce faire je n’ai pas trouvé mieux qu’un outil, fait maison et installé sur la quasi-totalité de mes sites.

Comme je ne suis pas avare de mes idées je vais vous détailler un peu le fonctionnement dudit outil et vous en donner les sources afin que vous puissiez l’installer éventuellement sur votre site.

Se baser sur l’user-agent

Comme souvent quand on cherche à définir un comportement spécifique pour un type de visiteur particulier il suffit de se baser sur le user-agent de celui-ci. Pour rappel le user-agent d’un navigateur (ou d’un bot d’ailleurs) est une chaine de caractères qui identifie l’outil utilisé pour accéder à un site.

En PHP on peut le récupérer simplement avec la variable super globale $_SERVER et plus précisément avec $_SERVER[‘HTTP_USER_AGENT’].

Par exemple, si vous utilisez Firefox 3.6 sous Windows le user-agent envoyé à tous les sites que vous visitez sera : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2) Gecko/20100115 Firefox/3.6

A partir de là, et sachant que chaque Crawler (les bots qui visitent inlassablement le net pour indexer le contenu) utilisent des user-agent bien connus il est simple de les surveiller.

Continuer la lecture

Débloquer ses amis et/ou applications sur Facebook – bis

Il semblerait qu’en plus de ne pas poster souvent sur ce blog je me contente de faire des rééditions de mes précédents billets. Après avoir fait une nouvelle version du billet expliquant les méthodes pour tricher au concours VDM, je vais aujourd’hui vous proposer une nouvelle version de mon billet qui décrivait la marche à suivre pour débloquer ses amis ou applications bloqués par inadvertance sur Facebook.

En effet, comme assez régulièrement maintenant, Facebook a mis à jour sa plateforme en la rendant encore un peu plus brouillon et toujours moins intuitive (il semblerait qu’il s’agisse d’une contrainte de montée en version chez eux)…

La marche à suivre reste plus ou moins la même que sur la précédente version, seule la dernière étape diffère. Et quand je dis qu’elle diffère je ne pourrais pas être plus réaliste puisqu’entre IE (6 sous Win XP en VM) et Firefox (3.5.6 sous ubuntu) j’ai deux écrans différents pour arriver à la même chose…

Et comme souvent, un dessin valant mille mots : cette explication va se faire en images !

Comme avant, l’idée va être de commencer par bloquer un de ses contacts – peu importe qui, on annulera cela de toutes façons juste après.

facebook debloquer un ami

Commencer par masquer un contact

Quand vous aurez cliqué sur le bouton, la publication en question sera remplacé par l’écran suivant :

facebook demasquer un ami

Ensuite, validez le masquage

Éventuellement, si la publication concerne une application, un troisième bouton proposant de bloquer l’application apparaîtra entre les deux qui sont visibles sur la capture d’écran précédente.

Vous pouvez choisir de masquer l’application ou la personne. Ce choix n’aura aucune incidence sur le reste de l’opération.

Maintenant que l’application est masquée, l’encart qui contenait la publication ressemble à la capture suivante :

facebook demasquer une application

Cliquez sur "modifier les options"

Et le lien qui nous intéresse est bien sûr : « modifier les options ».

En fonction de votre navigateur / OS l’une des deux fenêtres suivantes va s’afficher. Il suffit ensuite de paramêtrer les options comme bon vous semble :

Plusieurs autres options sont possibles : utiliser les options disponibles en bas de page sous l’intitulé « modifier les options », aller sur la page de l’application bloquée la bloquer puis la débloquer, … Mais je préfère la méthode bourrin que je vous présente ici.

Note de service : ce blog devrait reprendre peu à peu de l’activité grâce à un nouveau rythme de travail que vous présenterai avec notamment un article sur comme Windows a diminué ma productivité, comment gagner 3h par jour, la présentation de nouveaux projets ambicieux, et de nombreuses astuces de geek au fur et à mesure que je les découvre / « invente ».