AUTOSQUEEZE
- GUIDE D'UTILISATION-
AutoSqueeze est une boîte flottante qui permet de diffuser une information et plus particulièrement un formulaire d'inscription. Cette boîte suit le visiteur au fur et à mesure de sa navigation dans la page.
Autosqueeze s'autodétruit au bout de 90s (ou tout autre durée de votre choix) donnant une sensation d'urgence au lecteur.
La méthode la plus simple pour l'utiliser est de partir du fichier index.html et de l'éditer.
Vous saisissez votre page de vente ou autre et c'est prêt à fonctionner.
Cette méthode est très facile mais bien sûr vous pouvez aussi opter pour une intégration manuelle à n'importe quelle page Web. Voilà comment faire :
1. Copiez ce code juste avant la balise </head> :
<script language="javascript"
src="FloatLayer.js"></script>
<script language="javascript">
function detach(){
new FloatLayer('floatlayer',((document.body.clientWidth-900)/2+800),15,10);
lay=document.getElementById('floatlayer');
l=getXCoord(lay);
t=getYCoord(lay);
lay.style.position='absolute';
lay.style.top=t;
lay.style.left=l;
getFloatLayer('floatlayer').initialize();
alignFloatLayers();
}
</script>
<script language='JavaScript'>
var time = 90; // Temps en s avant l'autodestruction
function countDown(){
time--;
gett("container").innerHTML = time;
if(time == -1){
document.getElementById('floatlayer').style.display='none';
//window.location = page;
}
}
function gett(id){
if(document.getElementById) return
document.getElementById(id);
if(document.all) return document.all.id;
if(document.layers) return document.layers.id;
if(window.opera) return window.opera.id;
}
function init(){
if(gett('container')){
setInterval(countDown, 1000);
gett("container").innerHTML = time;
}
else{
setTimeout(init, 50);
}
}
document.onload = init();
</script>
2. Notez bien la portion de code en caractères gras. C'est le nombre de secondes avant que l'autosqueeze ne disparaisse. Vous pouvez le modifier comme vous le souhaitez.
3. Trouvez ensuite la balise <body> de votre page Web. Et remplacez-là par la portion de code suivante :
<body onResize="alignFloatLayers()" onscroll="alignFloatLayers()"
onLoad="detach()">
<div id="floatlayer" style="width:200px;
padding:5px;top:-200px">
<table cellpadding="0" cellspacing="0" width="206"
height="275">
<!-- MSTableType="layout" -->
<tr>
<td width="199" height="196" background="popback.gif"
align="center" valign="top">
<p><b><font size="6" face="Arial">URGENT !</font></b></p>
<p><font face="Arial" size="4">Mettez le texte<br>
de votre offre ici<br>
"Video gratuite" Ici.</font><br><br>
*COPIER ICI LE CODE DE VOTRE AUTOREPONDEUR*<br><font face="Arial"
size="2"><br>
<br>
<b>Saisissez votre Email maintenant.<br>
Vous recevrez de votre cadeau<br>
de suite
!</b><br>
</font> <font face="Arial" size="1"
color="#FF0000">Cette offre disparaîtra dans <span
id='container'></span> Secondes</font>
</p>
</td>
</tr>
</table>
</div>
4. Notez bien la portion de code en caractères gras. C'est à cet endroit que vous devez copier le code qui vous a été fourni par votre autorépondeur (Aweber, etc...).
5. Pour finir, modifier le texte de l'autosqueeze comme vous le souhaitez.
6. Vous pouvez aussi modifier à votre guise l'image popback.gif pour que la boîte ait l'apparence et les couleurs de votre choix.
Et c'est fini ! Uploadez tous les fichiers dans le même répertoire sur votre serveur.
Bonnes et nombreuses inscriptions !