vendredi 8 novembre 2013

comment faire cliquer un maximum d'internautes sur la publicité

De nombreuses écoles existent:
- créer du contenu autour du Adsense
- insérer l'Adsense à la fin de l'article afin d'en faire une porte de sortie de la page
- insérer un 250*300 au tout début de la page quitte à faire fuir l'internaute
- fondre des "links units" dans les menus de navigation afin d'entretenir le flou artistique auprès de l'internaute débutant...
- ...
Mais aucun outil n'existe à l'heure actuelle, autre que l'observation des taux de clics globaux pour la chaîne à laquelle l'adsense est rattaché, qui permette de réaliser une analyse fine de la façon dont les internautes réagissent à ces sollications publicitaires. Actuellement, on teste, on se connecte à l'interface Adsense et on voit si le taux de clic et les revenus ont varié. Mais il est difficile de savoir précisément pourquoi les résultats ont varié.
Une nouvelle génération d'outils est apparue, il y a près d'un, an qui permet d'agréger, de façon rapide et synthétique, des données sur les zones chaudes d'un site.

Les zones chaudes se définissent, en général, comme les zones attirant le plus l'attention d'un internaute sur une page.

Plusieurs techniques permettent de les identifier:
- l'eye tracking, qui consiste à placer une web cam au dessus d'un ordinateur et de suivre les mouvements de l'oeil de l'internaute. Cette observation ne peut se faire sur un focus group convoqué dans un bureau.
- le link tracking , qui réside dans l'analyse des liens les plus souvent cliqués sur une page. Mais jusqu'à récemment encore, il fallait développer des solutions in-house pour recueillir ce type de données.

Récemment, les outils de link tracking se sont multipliés et rendent accessible ce type d'analyses au webmaster lambda. En particulier, au webmaster qui génére des revenus via le programme Adsense.

La plupart des plateformes citées dans cet article proposent des offres gratuites qui se limitent à l'analyse de quelques centaines de clics sur une poignée de page, mais qui permettent de mieux comprendre le comportement type d'un internaute.

Clicktale.com est une start up Israélienne, proposant ce type d'outil et fournissant les données suivantes:
  • le chemin de la souris sur la page,
  • les liens sur lesquels elle s'arrete,
  • les liens sur lesquels elle hésite,
  • les liens sur lesquelles elle est passée sans avoir cliquer
Pour optimiser vos revenus Adsense avec le link tracking:
1°) Choisissez une page type de votre site
2°) Créez une chaîne spéciale sur Adsense qui mesurera les revenus générés par cette page
3°)  Définissez pour cette page, différents scénarii de consultation associés à différentes formes d'intégration des Adsense
4°) Pour chaque scénario, mesurez sur 200 visiteurs, les mouvements de la souris et les liens cliqués grâce aux outils de link tracking
5°) Réalisez, ensuite, une analyse qualitative à partir des rapports des outils de Link Tracking. Cela vous permet de comprendre comment les internautes ont réagi
6°) Analysez les revenus générés grâce à la plateforme Adsense

jeudi 7 novembre 2013

Comment ajouter le gadget flottant Fans Facebook à votre Blog Blogger

Comment ajouter le gadget :


Rappelez-vous toujours de faire une Sauvegarde de votre modèle avant de le modifier.



Étape 1 Dans le tableau de bord Blogger Cliquez sur modèle => modifier le code html => Traiter => cochez la case Développer des modèles de gadgets.

Étape 2 Trouver le morceau de code suivant dans votre blogs HTML: (Cliquez sur la touche Ctrl et F pour lancer la barre de recherche)

</head>

Étape 3 Copiez/collez le code directement ci-dessous juste avant </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Remarque :  Cette ligne de code  est le script jQuery. Si vous avez déjà ajouté à votre modèle ce jQuery, vous pouvez commencer directement avec l'étape 5 (Sautez les étapes 1,2,3 et 4).


Étape 4 Enregistrez votre modèle.


Étape 5 Dans le tableau de bord Blogger Cliquez sur Mise en page => Ajouter un Gadget => Html/JavaScript.


Étape 6 Copiez/collez le code directement ci-dessous dans votre nouveau Gadget HTML/Javascript.

<script type="text/javascript"> //<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 
500);}); //--> </script> 
<style type="text/css"> 
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeoy9LhlvP8qXQcTK-eoWGuWoxyS798cJwA7W4YxcfP2BFOfIzSKSqIryuzYDiiXslRo6O9qGWz84Tef14dwnyFjdlUUNrH2t6pP5LoctMab0uLwFmIbZE_LmcauwwsyF8BbMLm9ka2dej/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #FF9D00;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/AllBestTuto&amp;
width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=12&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>
Très Important :  Remplacez l'URL en jaune avec l'URL de votre Page Fans Facebook.

Étape 7 Cliquez sur Enregistrer puis sur Enregistrer la disposition, et le tour est joué.

mardi 5 novembre 2013

How to Add Facebook Comments in Blogger:


Step#1: Creating a New Application:
The First thing you need to do is to create a separate App ID for your application and that can be done easily through Facebook Developer. Login to your Facebook account and go to Facebook Developers website. This places allow Developers to manage their apps hosted at Facebook, click on Create New App button.
A Small pop out will appear which would ask you to insert little information about your application. There are two fields, write the App name and press the continue button.
Now you will land of a new page which would provide you your application details like App ID, App name and etc. You need to copy these keys and enter them later.


Step#2: Installing Facebook Comments in Blogger:
The First thing you need to do is to Login into your Blogger account. Now from the dashboard go to Template >> Edit HTML and search for the following highlighted HTML attribution. (Quick Tip: This code is usually present at the first lines of your template’s coding).

<html ...... xmlns:expr='http://www.google.com/2005/gml/expr'>

Now just next to the highlighted code (as shown above) add xmlns:og='http://ogp.me/ns#'. Once everything is down, it would somewhat look like this. (Quick Tip: Make sure you leave a space between these two codes). 

<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>

Now you need to search for the <body> Tag. After finding it, just below it paste the following code. Make sure to replace the YOUR_APP_ID with your Facebook application id. 

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script> 

Now you need to add Facebook Open graph Meta Tags, We have written a detail tutorial on it that can be viewed from here. However, search for </head> and just above it paste the following code. Make sure to replace the YOUR_APP_ID with your Facebook application id. 

<meta property="fb:app_id" content="YOUR_APP_ID" />


Step#3: Adding Facebook Comments in Blogger: 
Last step is to implement Facebook Comments using the HTML Code. In the template, search for <b:includable id='comment-form' var='post'> and just below it paste the following HTML Coding. Incase, you are unable to find <b:includable id='comment-form' var='post'> then you can paste it just below <div class='post-footer-line post-footer-line-1'></div> (Make sure you repeat the process because there are more than 1 tags on you theme)

<b:if
cond='data:blog.pageType == "item"'>
    <div
    style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
        <script
        src='http://connect.facebook.net/en_US/all.js#xfbml=1'
        />
        <div>
            <fb:comments
            colorscheme='light'
            expr:href='data:post.url'
            expr:title='data:post.title'
            expr:xid='data:post.id'
            width='550'
            />
        </div> 
                </div>
                </b:if>

Note: You can also customize the widget of the comment box by adjusting 550 the numbers in the below code.