Logo   wordToEye.mixibay.com

Si vous souhaitez utiliser notre service pour votre site web, cette aide est faite pour vous...

Méthode d'intégration

L'intégration du service suit le fonctionnement suivant:

1. Un lecteur clique sur un bouton que vous avez placé sur votre site.

2. Le lecteur est redirigé vers notre service, avec le texte que vous nous transmettez

3. Le lecteur peut lire le texte et revenir sur votre site, à l'url que vous souhaitez

 

Au cours de cette page d'aide, sont présentés

A. Une méthode d'intégration du service sur votre site

B. les personnalisations qu'il vous est possible de faire

C. Une méthode annexe d'intégration à la volée

 

A. Intégration sur votre site

L'intégration sur votre site web peut se faire à l'aide du code html suivant en prennant soin de modifier les valeurs marquées en rouge :

<form action="http://wordToEye.mixibay.com/index.php" id="readToWordToEye" method="POST">
<input type="hidden" name="TITLE" value="Titre et Auteur du texte";>
<input type="hidden" name="TEXT" value="Votre texte">
<input type="hidden" name="RETURN_TITLE" value="Votre site web">
<input type="hidden" name="RETURN_URL" value="Url de votre site web (commencer par http://)">
</form>
<a href="#" onclick='document.getElementById("readToWordToEye").submit()'>
<img src="http://wordToEye.mixibay.com/images/oeil60.png">
</a>

Vous pouvez adapter cet exemple de code pour l'intégrer à votre charte ou selon vos contraintes techniques, aux conditions suivantes :
- le logo soit visible pour le lecteur et permettre de le diriger de votre site vers le service en cliquant dessus
- le logo doit être de hauteur et longueur d'au minimum 20 pixels

Le logo doit être choisi parmi la liste ci-dessous:
- http://wordToEye.mixibay.com/images/oeil20.png.
- http://wordToEye.mixibay.com/images/oeil30.png.
- http://wordToEye.mixibay.com/images/oeil40.png.
- http://wordToEye.mixibay.com/images/oeil60.png.
- http://wordToEye.mixibay.com/images/oeil120.png.

B. Personnalisation

Ce chapitre présente les variables pouvant être transmise au service via le formulaire HTML décrit ci-dessus:

<input type="hidden" name="Variable" value="Valeur personnalisée">

- contenu

VariableDescriptionValeur par défaut
TITLETitre et auteur du texteObligatoire
TEXTTexte qui va être luObligatoire (attention au accent français)
RETURN_TITLEIntitulé de votre siteObligatoire
RETURN_URLURL de retour sur votre siteObligatoire (commencer par http://)
LAST_WORD_READPosition de lectureSi non renseigné le dernier mot lu par le lecteur, 0 pour mettre au début du texte

- mise en valeur:

VariableDescriptionValeur par défaut
THEMEthème par défaut theme1 : texte noir / fond blanc
theme2 : texte blanc / fond noir
theme3 : texte bleu / fond paille
theme4 : texte paille / fond bleu
theme5 : texte violet / fond ciel
theme6 : texte ciel / fond violet
background-colorCouleur de l'arrière plancelui du thème
colorCouleur du textecelui du thème
font-sizeTaille du texte1.6em
font-familyPolice appliquée au texteVerdana

C. Méthode annexe d'intégration à la volée

Cette annexe présente une manière d'intégrer via javascript un formulaire de redirection vers wordToEye.mixibay.com construit lorsque l'utilisateur clique sur un bouton. La méthode utilisée est la suivante :

1. Entre les balises <BODY></BODY> de votre page html, insérez le formulaire suivant (nommé "redirectToWordToEye" pour l'exemple)

<form id="redirectToWordToEye" method="POST" action="http://wordToEye.mixibay.com/index.php"></form>

2. Insérez l'objet de construction dynamique du formulaire javascript suivant dans votre page

<SCRIPT LANGUAGE="JavaScript">
function Formulaire(divCible) {
   this.divCible = divCible;
   this.form = document.getElementById(this.divCible);
   this.add = function(v1,v2) {
      my_tb=document.createElement('INPUT');
      my_tb.type='HIDDEN';
      my_tb.name=v1;
      my_tb.value=v2;
      this.form.appendChild(my_tb);
   };
   this.submit = function() {
      document.getElementById(this.divCible).submit();
   };
};
var formulaire = new Formulaire("redirectToWordToEye");
</SCRIPT>

3. Créez votre méthode personnalisée d'appel du formulaire via cet exemple

<SCRIPT LANGUAGE="JavaScript">
function AppelPersonnalise(){
   formulaire.add('TITLE', "Titre et Auteur du texte");
   formulaire.add('TEXT', "Votre texte");
   formulaire.add('RETURN_TITLE', "Votre site web");
   formulaire.add('RETURN_URL', "Url de votre site web");
   formulaire.submit();
} </SCRIPT>

4. Il ne vous reste plus qu'à créer le lien cliquable permettant de rediriger l'utilisateur

<a onclick="AppelPersonnalise()" href="#">
   <img src="http://wordToEye.mixibay.com/images/oeil60.png">
</a>