J’ai testé pour vous Badoo Partners, le programme d’affiliation du réseau social de rencontres aux 130 millions d’inscrits.
Alors entre promesses et réalité, quelles sont les performances de ce programme d’affiliation ?

Les promesses du programme

Le programme d’affiliation Badoo Partners permet aux propriétaires de sites web de placer de la publicité sur leur site pour le réseau social de rencontre.
De nombreux formats sont proposés pour coller aux espaces publicitaires les plus classiques (bannières, pavés, etc.)

L’interface Badoo Partners permet de faire une simulation des gains mensuels en fonction de son trafic. J’ai donc fait un test avec l’un de mes sites, en partant du principe que j’allais proposer le programme d’affiliation à 50 000 des visiteurs de l’un de mes sites.
Badoo me propose alors une somme tout simplement enorme pour un tel trafic : plus de 8 000 €/mois. Cela reste une estimation mais même avec 1 000€ cela serait un très bon score.

Pour une simulation par rapport à votre trafic, c’est par ici : http://corp.badoo.com/fr/affiliates/

Le fonctionnement du programme est assez particulier. Pour chaque utilisateur rapporté, vous gagnez un % de ses dépenses sur le site (SMS surtaxés). Du coups il y a un phénomène assez particulier : plus les mois passent, plus vous devriez gagner, grâce aux utilisateurs fidèles apportés les mois précédents. La contre partie est que sur les premiers jours, les résultats du programme sont très faibles.

La réalité

J’ai donc mis en place le programme durant quelques jours, afin de générer vers Badoo plus de 350 clics (ce qui représente quelques dizaines d’euros avec l’utilisation de Google Adsense par exemple).

Badoo vous indique ensuite le nombre d’utilisateurs ayant généré une inscription et le nombre d’uitlisateurs ayant payé sur le site.
Première mauvaise surprise : sur ces 350 utilisateurs, seul 1 à réalisé un achat sur le site. J’ai donc gagné 0,28€ soit un CPC de… 0,0008€ ! Un chiffre ridicule pour les connaisseurs.

Il est en effet probable que les chiffres seront meilleurs par la suite (L’interface m’indique environ 50€ à générer sur le mois, et 100€ dans 3 mois). Néanmoins j’ai du mal à concevoir que le programme puisse devenir plus rentable que de la publicité classique.

D’autre part, le test à déjà été réalisé sur une très grosse population (plus de 50 000 visiteurs), le modèle semble donc non viable pour un petit site, alors même que l’interface Badoo promet plus de 100€ pour 1 000 visiteurs.

Et vous, avez vous testé ce programme ? quels sont vos retours ?

Comme vous le savez peut-être, static FBML est déprécié par Facebook et ne sera bientôt plus utilisable et installable sur une page fan. C’est pourquoi j’ai mis au point Static iFrame, une application vous permettant de remplacer static FBML…et même plus !

Le principe est très simple : vous permettre d’ajouter du contenu HTML et du contenu social, tel que la gestion d’un contenu propre aux fans ou un contenu multilingue, directement dans votre onglet de page Facebook ! Tout cela sans se soucier d’avoir à trouver un hébergement, créer une application Facebook, etc.

Fonctionnement

L’application est très simple à utiliser, moins de 30 secondes pour mettre en place un message dans votre onglet !

1) Rendez vous sur la page fan de l’outil : Static iFrame.
2) Cliquez sur “accéder à l’application” et choisissez la page sur laquelle vous souhaitez installer votre onglet.
3) cliquez sur “admin view” pour editer directement le contenu de votre onglet.

C’est aussi simple que ça !

Comme le montre cette capture, vous pouvez de façon très simple définir un contenu réservé aux fans.

Fonctions avancées

Il est possible d’afficher un contenu pour une langue en particulier. Pour cela, il suffit d’utiliser le code suivant :

{if $locale == 'fr_FR'}
    CONTENU EN FRANCAIS
{else}
    ENGLISH CONTENT FOR OTHERS
{/if}

Vous pouvez aussi choisir de limiter simplement une partie de votre contenu en insérant le code suivant dans la section destinée à tous les visiteurs de votre onglet :

{if $like}
    CONTENU POUR LES FANS
{/if}

Vous pouvez même ajouter du contenu à destination des administrateurs de la page uniquement !

{if $isadmin}
    CONTENU POUR LES ADMINS
{/if}

De nouvelles fonctionnalités et de nouvelles astuces arrivent très rapidement
A vous de jouer : Static iFrame

Mais une fonctionnalité très utilisée par les administrateurs de pages fans et community managers reste cependant obscure pour un grand nombre d’entre eux. Nous allons voir comment mettre en place de façon simple une gestion du contenu pour les fans, et ples non fans.

Cet exemple nécessite normalement quelques connaissances de base en programmation de sites web. Nous allons devoir utiliser un petit peu de PHP pour obtenir le résultat souhaité. Néanmoins, si vous ne connaissez pas du tout le PHP, un simple copier-coller du code présenté devrait vous sortir d’affaire, ou bien télécharger le zip prêt à être utilisé en fin d’article

Pour commencer, il est indispensable que vous ayez compris le fonctionnement des nouvelles pages fan en iframe. Pour cela je vous conseille l’article suivant : 10 etapes pour integrer une iframe app.

Comme vous l’avez compris, les “onglets” passent maintenant forcement par des applications iframe. Il s’agit donc simplement d’une iframe avec votre page à l’intérieur. Notre objectif va être d’interroger Facebook lorsque quelq’un se connecte sur notre onglet, pour savoir s’il l’a “liké” ou non.

1 – Charger le code de l’API Facebook

Pour récupérer des informations nécessaires sur le visiteur de notre onglet, nous allons commencer par ajouter dans le code de la page l’appel au SDK Facebook.

Tout d’abord, téléchargez le fichier suivant : https://github.com/facebook/php-sdk/zipball/master.

Copiez le fichier “Facebook.php” se trouvant dans le dossier “src”, et copiez le dans le même répertoire que votre fichier de page fan.

Votre fichier de page fan doit être un fichier PHP (extension.php). Voici maintenant le code à ajouter dans votre fichier.php pour pouvoir ensuite utiliser les outils fournis par Facebook :

<?php

require_once ('../libs/pilou/facebook.php');

$facebook = new Facebook(array(
    'appId' => 'VOTRE APP ID',
    'secret' => 'VOTRE SECRET KEY'
));

?>

L’API key et l’APP ID sont disponibles sur l’application dévelopeurs Facebook  : http://www.facebook.com/developers/apps.php

2 – Récupérer l’information qui nous interesse

Pour cela, il faut appeler la méthode getSignedRequest() du SDK Facebook, cette dernière va nous renvoyer de nombreuses informations, dont entre autre la tranche d’age de l’utilisateur, s’il est administrateur de la page, s’il l’a liké, etc.

Nous allons donc mettre ce résultat dans une variable $infos en rajoutant le code PHP suivant :

$infos = $facebook->getSignedRequest();

$infos est un tableau, contenant lui même des tableaux. C’est $infos['page']['liked'] qui vaut vrai ou faux selon que la personne soit fan ou non de la page ou se trouve intégrée l’iframe.

Pour les développeurs souhaitant aller plus loins (récupérer le pays du visiteur, sa langue, etc.), je vous invite à regarder plus en détail ce que contient $infos .

3 – Limiter le contenu aux fans.

Voici le code à rajouter pour afficher du contenu spécifique pour les fans, et pour les non fans :

if ($infos['page']['liked'])
{
?>
    Contenu réservé aux fans
<?php
} else
{
?>
    Contenu réservé aux non fans.
<?
}

Il ne vous reste plus qu’a mettre votre contenu (HTML ou PHP, image, etc.) dans la zone reservée aux fans ou aux non fans, comme vous le faisiez avec static FBML

Vous souhaitez mettre en place ce mécanisme ?  Téléchargez le code source prêt à mettre mis en place sur votre page fan : Gerer les likes – Fanpage

Une question, quelque-chose pas assez clair ? N’hésitez pas à le faire savoir dans les commentaire.

Likenator est un produit que j’ai mis au point durant les derniers mois qui permet de relancer de façon simple toute les personnes qui ont cliqué sur l’un de vos boutons j’aime en publiant du contenu personnalisé sur leur page d’accueil Facebook.

Likenator est aujourd’hui relié à plus de 11 Millions d’utilisateurs francophones de Facebook.

Il se destine en premier lieu aux personnes gérant un site possédant un grand nombre de ces boutons “j’aime”, mais également aux personnes possédant un grand nombre de pages fans.

En quelques mots…

Sur Facebook, lorsqu’un utilisateur “aime” quelque-chose sur votre site, vous avez alors la possibilité de poster un message sur son newsFeed (sa page d’accueil) Facebook, de la même façon que lorsqu’il aime une page sur Facebook.

L’administrateur du site peut, pour chacun des boutons “j’aime” présent sur son site, écrire à ses “fans” via une page fan virtuelle, comme le présente la capture ci-dessous.

Et si vous avez 50, 200 ou 1000 pages avec des boutons j’aime ? Vous devez vous rendre sur la page d’administration de chacune de ces pages pour envoyer un post sur le newsfeed des utilisateurs ayant aimé chacune des pages du site.

Likenator vous permet d’envoyer vos post sur les newsfeed de certains ou l’ensemble des personnes ayant aimé du contenu sur votre site en un clic !

Pour qui ?

Ce service peut être utilisé par des sites de vente en ligne (proposant d’aimer chacun de leurs articles), des sites de médias avec de nombreux articles, des blogs, des sites de citations, etc. Mais aussi par les community managers gérants de nombreuses pages.

Comment ?

C’est très simple ! Lors de votre connexion à l’outil, vous retrouvez la liste de toutes les pages des sites que vous gérez et qui possèdent un like button.

Vous pouvez alors regrouper les pages par mot clef.

Il vous suffit ensuite de vous rendre sur la page de publication pour choisir les tags que vous souhaitez cibler. Toutes les personnes ayant aimé l’une des pages sur le tag en question recevront votre publication sur leur page d’accueil Facebook !

Tester likenator

Vous souhaitez tester Likenator ? Envoyez moi un mail sur contact@likenator.com ou rendez-vous sur www.likenator.com !

]]> http://www.social-addict.fr/facebook/likenator-the-like-activator/feed 0 http://www.social-addict.fr/dev-web/intranedu-lintranet-scolaire-2-0 http://www.social-addict.fr/dev-web/intranedu-lintranet-scolaire-2-0#comments Sat, 19 Dec 2009 21:18:54 +0000 Pilou http://blog.pilouweb.eu/?p=88 Intran’Edu est un projet sur lequel je travail depuis maintenant plus d’un an avec l’aide d’un camarade, Kévin Gast. L’idée est de proposer un Intranet pour les établissement qui soit à la fois puissant et simple d’utilisation.

Le site officiel : www.intranedu.com

Intran’Edu a été imaginé dans un esprit de simplicité, et pensé pour une utilisation dans le cadre scolaire. Son utilisation se veut intuitive et accessible même aux utilisateurs les plus novices. Ce projet a été conçu en collaboration avec des professeurs et des élèves afin de répondre au mieux aux attentes de ces derniers. Il s’appuie sur les retours de plus de 80 professeurs et de 800 élèves dans un lycée pilote. Au sein de celui-ci, il a pris une place importante dans la formation des lycéens.

Cet intranet est une véritable source de créativité au sein d’un établissement. L’utilisation de l’outil informatique et d’internet motive les élèves, tout comme la possibilité de pouvoir partager leur travail avec un grand nombre d’internautes. La forte interactivité de l’interface favorise la mise en commun des connaissances, ainsi que leur partage dans le temps.

Techniquement, nous utilisons le langage PHP pour les scripts, ainsi que le moteur de templates Smarty. Nous utilisons la librairie javascript JQuery pour donner de la richesse à l’interface.

La solution se découpe en plusieurs modules, chaque établissement étant libre de les activer ou non. La page d’accueil de l’intranet présente l’activité sur le site : les dernières news, les dernières photos, et le nombre de messages non lus.

• Le module Messagerie permet l’envoi en toute simplicité de messages vers un ou plusieurs destinataires (toute une classe par exemple). Ces messages ayant la possibilité d’être accompagnés de pièces jointes.
• Le module Album photo permet le partage de photos, regroupées en albums. Cela permet par exemple, aux élèves de retrouver les images d’une sortie scolaire.
• Le module de News permet de maintenir un flux d’actualités informant instantanément sur la vie de l’établissement.
• Le module Document à un rôle double. Les professeurs peuvent mettre à disposition des documents à leurs classes et les élèves peuvent stocker leurs travaux numériques.
• Le module Blog permet une libre expression des élèves et professeurs. Il est bien sûr possible de configurer l’intranet pour que les articles soient d’abord validés par un professeur.
• Le module Liens permet de proposer par catégories, des sites externes pertinents et enrichissants pour les élèves et les professeurs.

L’administrateur est libre d’attribuer les différents droits aux groupes. D’un établissement à l’autre, les droits des délégués, par exemple, peuvent varier selon la configuration choisie. Dans l’un des établissements ils pourraient notamment soumettre des news à destination des élèves de leur classe.

Intran’Edu est également un extranet. Lors de la publication d’un article, d’une image ou bien d’une news, il est possible de définir si seuls les membres de l’intranet auront accès à la publication ou bien si cette dernière est disponible pour tous les visiteurs du site de l’établissement. Intran’Edu devient alors un véritable centre de partage, propre aux établissements, vers l’ensemble du web.

Les jours de grèves des transports, de tempête de neige ou encore avec dans des situations telle que la fermeture d’établissements à cause de la grippe A, la vie scolaire ne sera plus totalement interrompue. Intran’Edu propose une solution permettant entre autre, aux élèves de rester informer des événements relatifs à leur établissement, de garder contact avec les professeurs et camarades, et de retrouver les cours dans le module document.

Vous souhaitez en savoir encore plus ?

• La démo en ligne : www.intranedu.com/demo
• Le site officiel de la solution : www.intranedu.com

Vous cherchez à afficher des graphiques, des courbes, ou des statistiques sur votre site ou votre application web ? Flot et Google Chart API sont fait pour vous !

Je vais comparer ces 2 outils selon 3 aspects, qui sont d’après moi les plus pertinents pour ce genre d’outil :

• Facilité d’utilisation
• Quantité et diversité des rendu possibles
• Rendu graphique

Facilité d’utilisation

On peut difficilement faire plus simple que l’API de Google. Il s’agit simplement d’intégrer dans votre code source une balise image, avec l’url du serveur chart de google et les bons paramètres. vous pouvez voir un exemple ici : http://chart.apis.google.com/chart?chs=250×100&chd=t:60,40&cht=p3&chl=Hello|World.
Au niveau de la documentation tout se trouve ici : http://code.google.com/intl/fr-FR/apis/chart/ c’est en anglais mais le code des exemples parle par lui-même

Pour ce qui est de Flot, tout se passe en Javascript. Rien de compliqué pour les habitués de JQuery et de ses plugins, mais cela demande tout de même ces connaissances. La documentation est mal présentée, mais la lecture du code des exemples disponibles ici : http://people.iola.dk/olau/flot/examples/ est assez simple.

verdict : Google Chart API 1 – 0 Flot

Quantité et diversité des rendu possibles

Flot proposent les différentes vues disponibles sur l’image d’illustration de cet article; points, courbes, barres, etc. Il est également possible sur un même graphique d’afficher une combinaison de ces derniers.

L’API Google chart propose également tous ces modes, mais propose également une vision en camembert 2D et 3D, ce que ne propose pas flot, mais également des radars et des cartes géographiques.

verdict : Google Chart API 2 - 0 Flot

Rendu graphique

Sur ce point, Flot surpasse largement L’API Google Chart. Le rendu est vraiment très beau, très “Web 2.0″. L’utilisation de Javascript permet à tout développeur connaissant un peu le javascript une utilisation plus poussée (modification du graphique à la volée, affichage dynamique selon des retours d’appels ajax ou des actions de l’utilisateur sur la page).

verdict : Google Chart API 2 - 1 Flot

Conclusion

Je conseil Flot pour les développeurs qui n’ont pas besoin d’utiliser les camembert ou les graphiques en radar, et qui souhaitent développer une interface à destination d’utilisateurs “lambdas” du plus bel effet.

Je conseil l’API Google Chart pour les développeurs moins expérimentes, ainsi que pour toute personne souhaitant réalisé des graphiques en camembert ou par zones géographiques.

Bien sur, il reste possible d’utiliser les deux. Flot pour les graphiques standards, et Google Chart uniquement pour combler les lacunes de Flot

Comme dans mon précédent billet sur Mocha UI, Ext JS est une surcouche javascript permetant de transformer un site web en une réelle application web !

Avec ExtJS, le résultat est encore plus impressionnant !

On peut aussi bien créer un bureau virtuel qu’une réelle application web. Fenêtres, popups, tableaux, arbres, onglets, tout y est ! C’est très “windows like”, parfait pour créer une application web à destination des utilisateurs novices.

De plus, contrairement a Mocha UI qui nécessite Jquery, il n’y a pas de concésion à faire sur votre framework actuel, en effet, Ext JS est compatible aussi bien avec Mootools, que Jquery et les autres, Il est donc possible de profiter de la beautée des elements graphiques de Ext JS (et de leur cohérence graphique les uns avec les autres), et de la diversitée des plugins pour JQuery par exemple !

Le plus impresionnant, ce sont les demos : ici.

Mocha UI est un plugin pour Mootools plutôt impressionnant. Visuellement, c’est bien plus qu’un simple plugin, c’est presque un framework d’interface graphique pour applications web; entendez par la que visuellement Mocha UI fait trés fort, on se croirais dans une application classique, le tout dans un navigateur.

C’est sobre, pro, clair…On dirait du “made in Google” !

MochaUI vous permet de mettre en place des fenêtres, des pop-up’s, des onglets, un bureau virtuel…le mieux, c’est de le tester !

Pour ne rien gâcher, MochaUI s’utilise trés simplement, avec des simples divs. Si en plus vous êtes familiers à des frameworks javascript tels que Mootools ou Jquery, vous n’aurez aucun mal a utiliser ce superbe plug-in !

la demo.

Petite clin d’œil, en particulier aux utilisateurs d’unix, il y a quelques minutes, nous avons vécu un moment rare. En effet, le timestamp unix valait à cet instant la : 1234567890. C’était précisément ce jour (14 février) à 00h31:30

Qu’est-ce qu’un timestamp ? C’est une sorte d’unitée de temps utilisée principalement dans les systèmes unix (ce sur quoi se base les linux). C’est en fait le nombres de secondes qui se sont écoulées depuis le 1er janvier 1970 à 00h00. Il est principalement utilisé pour comparer deux horraires. En effet, en soustrayant deux timestamps, on trouve un intervale de temps en secondes, ce qui permet de le convertir ensuite en minutes, heures…

On en reparlera peut être… le 19 Janvier 2038 à 3h14 min 7 s en effet, à cet instant, la représentation actuelle du timestamp le fera passer en negatif. Plus d’infos sur wikipédia : Wikipedia: bug de l’an 2038

LTE, Le futur de la téléphonie mobile ?

LTE : Long Term Evolution, est surement le protocole du futur dans le domaine de la téléphonie mobile. Compte tenu de l’évolution actuelle des réseaux, il y a fort a parier que le réseau LTE, aussi dit 3,9G ou bien 4G, ne sera pas déployé de façon nationale, mais plutôt de façon locale. A ce jour, les revenus générés par les opérateurs grâce aux services voix sont de 80%. Le LTE reste donc un service à destination des professionnels.

Cette techno vient en réalité en concurrence du WiMax, qui n’a pas trouvé sa place en Europe, et encore moins en France. De plus, le WiMax vient de l’industrie informatique, il fallait donc une riposte de l’industrie téléphonique.

Les arguments principaux contre le WiMax sont les suivants :

• Il était initialement point à point, autrement dit, il n’est pas fait intrinsèquement pour emmètre de façon omnidirectionnelle.
• Il annonce un débit de 50Mbits, et une distance possible de 50KM…du fait du 1^er point, il faudra faire un choix entre débit ou distance, mais pas les deux…

De plus, l’industrie téléphonique à investis dans la 3G et se doit de poursuivre sur ce chemin.

Les débits promis sont phénoménaux (plusieurs dizaines de Mbits/s), mais, comme toujours, ce sont des valeurs théoriques.

Au niveau des opérateurs et des constructeurs, LG à annoncé en décembre dernier le lancement de sa puce LTE. Le lancement par les opérateurs n’est pas prévue avant 2010-2012 mais si l’on regarde un peu le temps d’implantation des nouvelles technologies mobiles, on peut penser que les réseaux LTE seront réellement utilisées quotidiennement dans l’environ des années…2018

Pour conclure, adieu WiMax, bonjour LTE, mais pas pour tout de suite. Un Iphone LTE ? probablement un jour, mais il y a peu de chance pour que le prochain terminal de la pomme embarque cette technologie (comparativement, lors de la sortie de l’Iphone 1ere génération, la 3G était plus au point que ne l’est aujourd’hui la technologie LTE).

C’est quoi ce carré blanc sous les avatars de mes contacts msn ?

Et bien apres quelques investigations, et grâce à www.msncreative.net, j’ai enfin trouvé la raison du comment du pourquoi !

C’est enfait un champs pour l’intégration des produits office (word, excel…) dans msn. C’est donc probablement un bug du à une erreur de manipulation du coté de microsoft, mais pas un virus. Sur les images, à gauche, Windows Live Messenger 8.5, à droite Windows Live Messenger 9.

techniquement ils ont surement fait une modification sur leur serveur qui envoi des informations a tous les msn, mais seul le version 9 est capable de traiter l’information correctement…

J’ai trouvé le « Not Open » assez sympas, un peu d’auto-derision (en rapport avec la campagne de pub « Open » menée par orange ces derniers mois.

Il s’agit enfaite du favicon de Google, cette petite image que l’on voit à coté de l’adresse d’un site dans le navigateur. Google est passé du G majuscule au G minuscule. Et depuis hier, on entend tout et n’importe quoi : Google souhaiterait changer de logo, ca ne serait qu’un test, c’est plus web 2.0…

Concrétement, ca donne ça (avant / après):

Selon moi, Google souhaite simplement moderniser un peu son favicon à la sauce « 2.0 » ce qui expliquerait ce choix, qui n’est ni plus ni moins que le second G du logo actuel de Google.