Lasonde.fr est désormais plus rapide!, avec un nouveau serveur largement assez puissant pour supporter la charge des visites, des sondages et des votes.

Depuis quelques temps le site était ralentis, et les sondages mettais beaucoup trop de temps à s’afficher. Problème réglé!

C’est pour cette raison que l’offre de compte Premium évolue aussi.

Maintenant sur lasonde.fr vous pouvez vous connecter avec facebook!

Il suffit d’entrer vos informations de connexion Facebook en cliquant sur le bouton Facebook

Ça y est vous êtes membre!

Pour lié votre compte lasonde.fr et votre compte facebook, Connectez vous en premier sur votre compte lasonde.fr avec vos identifiants lasonde.fr,

puis activez la connexion Facebook.

La boîte à idées vous permet de déposer vos idées et demandes d’ajout de fonctionnalités du service de sondages.

Vos demandes sont nombreuses, pour nous aider à cerner les besoins le plus prioritaires, c’est la qu’il faut déposer vos demandes et idées.

Elle seront ajoutées si validées, lors des prochains développements du site.

La boîtes à idées est disponibles sur l’interface de création de ticket

Il faut juste spécifier « Ajout de fonctionnalités »

Tout les sites changent leurs thèmes pour les fêtes, et comme souvent, on a le droit à un joli fond d’écran avec des boules scintillantes, des sapins, un petit papa Noël et son traineau!
Alors on s’est dit, pourquoi pas un petit thème sondage de Noël !

Donc voici un thème pour vos sondages (qui se nomme Noël, on a de l’imagination à revendre ).

Passez de bonne fêtes!

Nous allons voir comment créer un slideshow avec jQuery cycle et les sondages Lasonde.fr

Avec le plugin de JQuery qui s’appelle CYCLE, nous pouvons créer une rotation des sondages, définir les effets et temps d’action entre chaque sondage.

1- Ajoutez jQuery sur votre site:
Wordpress intègre déjà jQuery donc pour les blogueurs wordpress, pas besoin de cette étape.
Ajoutez cette ligne de code dans la balise head de votre fichier html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

2- Ensuite téléchargez le plugin CYCLE de jQuery ici => http://jquery.malsup.com/cycle/download.html

Une fois le plugin Téléchargé et uploadé sur votre site Il faut l’ajouter dans la balise head sous l’appel de la librairie jQuery:

<script type="text/javascript" src="jquery.cycle.js"></script>

Le plugin jQuery Cycle fonctionne simplement il faut déjà coller le code html qui va appeler les sondages Lasonde.fr dans la balise « body » de votre fichier html, partons du principe que nous voulons 2 sondages en rotation:

<div class="slideshow">
  <div id="sondage1" style="display:none;">
    <script type="text/javascript">//code du sondage à récupérer dans votre tableau de bord
      lsd_sondage_14 = {
        "bloc_name":"LSD_sondages_1_4369657310288915",
        "sd_id": "14",
        "css_id": "4",
        "tween":"Tween.regularEaseOut"
      };
      LSD_init_conteneur(lsd_sondage_14);
    </script>
  </div>
  <div id="sondage2" style="display:none;">
    <script type="text/javascript">//code du sondage à récupérer dans votre tableau de bord
     lsd_sondage_87 = {
       "bloc_name":"LSD_sondages_1_2475414006791959",
       "sd_id": "87",
       "css_id": "3",
       "tween":"Tween.regularEaseInOut"
     };
    LSD_init_conteneur(lsd_sondage_87);
    </script>
  </div>
</div>

Il y a une div (notre slideshow) qui contient deux divs contenant les sondages.

3- Maintenant il faut animer le tout avec Javascript et jQuery CYCLE.
Ici nous réglons l’effet « fade » qui aura une vitesse de 1,5 secondes, et qui s’exécutera toutes les 8s, la rotation se stop lors du passage de la souris, ce code est à ajouter dans la balise head de votre fichier html sous l’appel des librairies jQuery:

<script type="text/javascript">
$(document).ready(function() {
  $('.slideshow').cycle({
    fx:     'fade',
    speed:  1500,
    timeout: 8000
  });
  //cette ligne permet de stopper l'animation pendant que la souris est sur un sondage.
  $('.slideshow').hover(function(){$(this).cycle('pause')},function(){$(this).cycle('resume')});
});
</script>

Lorsque le document html a fini de charger la page et les sondages, le javascript va s’exécuter et mettre en rotation vos sondages.

Exemple en application:

Effets

Exemple Complet de code dans une page html:

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--lib jQuery-->
    <script type="text/javascript" src="jquery.cycle.js"><!--plugin Cycle-->
    <script type="text/javascript" src="http://www.lasonde.fr/wp-content/plugins/lasonde/LSD_core/js/lasonde_sondages_min.js"></script><!--script des sondages-->
    <script type="text/javascript">//fonction Cycle
      $(document).ready(function() {
        $('.slideshow').cycle({
         fx:     'fade',
         speed:  1500,
         timeout: 4000,
        });
       //cette ligne permet de stopper l'animation pendant que la souris est sur un sondage.
       $('.slideshow').hover(function(){$(this).cycle('pause')},function(){$(this).cycle('resume')});
     });
   </script>
 </head>
 <body>
   <div class="slideshow">
     <div id="sondage1" style="display:none;">
       <script type="text/javascript">
        lsd_sondage_14 = {
          "bloc_name":"LSD_sondages_1_4369657310288915",
          "sd_id": "14",
          "css_id": "4",
          "tween":"Tween.regularEaseOut"
        };
        LSD_init_conteneur(lsd_sondage_14);
      </script>
    </div>
    <div id="sondage2" style="display:none;">
      <script type="text/javascript">
        lsd_sondage_87 = {
          "bloc_name":"LSD_sondages_1_2475414006791959",
          "sd_id": "87",
          "css_id": "3",
          "tween":"Tween.regularEaseInOut",
         };
         LSD_init_conteneur(lsd_sondage_87);
        </script>
      </div>
    </div>
  </body>
</html>

Pour voir les options de Jquery Cycle et la documentation c’est ici

Pour exporter un sondage, il faut récupérer le code d’export dans votre Tableau de bord, en cliquant sur le petit pictogramme « < > ». (Voir image 1)

Exemple pour export des sondages

Une pop up apparaît.
Vous avez deux modes d’export possible:

- Javascript: Ce code permet d’insérer le sondage directement sur votre site.
Il comporte 1 fichier JS qui contient les fonctions des sondages, et des lignes de codes paramétrant le sondage.
A copier/coller sur votre site (dans le code html)

- Lien HTML: Ce code est une url à copier/coller sur votre site ou à partager via email ou ailleurs. C’est un lien pointant vers votre sondage directement sur Lasonde.fr

- Bouton Like Facebook. Permet de partager votre sondage sur votre wall.

Si vous rencontrez des problèmes avec le service de sondage,
merci d’utiliser le formulaire d’assistance en ligne pour soumettre un ticket

Vous pouvez ajouter des smileys dans les sondages. Il suffit d’ajouter des petits bouts de code dans le texte. Vous pouvez en ajouter dans la question et les réponses

Rendez vous sur la page de création de sondage!

exemple: Ceci est la question : smile :

Voici une liste des smileys :

il faut entourer le nom des smileys par des  » : « 

smile	lol	biggrin	redface	sad
cry	surprised	evil	eek	twisted
confused	rolleyes	cool	exclaim	mad
question	razz	idea	neutral	arrow
wink	mrgreen

Touts les sondages du site peuvent être personnalisés avec du code CSS.

Dans votre tableau de bord, Il y a la gestion des styles.
Si aucun style perso n’existe alors il faut en créer un en vous rendant sur la page de création de styles
Ou alors vous pouvez parcourir, choisir ou modifier les styles prédéfinis sur la page des styles

le nom de style:
Ça vous aidera a identifier les différents styles que vous avez créé. exemple: « mon style site web perso »

le code CSS:
Par défaut,  le code css du sondage de démo est chargé.

Ce code contient des balises, elles servent au système de sondage pour communiquer avec le css.
Les balises #BLOC_NAME# seront remplacées par le nom de votre sondage lors de son chargement
Les balises #URL_THEMES_IMAGES# seront remplacées par l’url du dossier images des styles lasonde.fr ( Donc il faut la laisser si vous souhaitez modifier un thème, sans perdre ses images.)

Après chaque modification du code css, le sondage de démo se recharge, vous pouvez voir les changements en temps réel.
Puis vous validez.

Ensuite vous pourrez sélectionner ce style lors de la création de vos sondages.
Vous pourrez aussi le modifier via votre tableau de bord

Pour faire un sondage, il faut se rendre sur cette page Créer un sondage.

Un formulaire de création apparaît ainsi qu’un sondage prévisualisation. La question et les ne s’afficheront pas sur le sondage de preview, il permet uniquement de tester les différents effets que vous appliquez.

Il faut ensuite remplir les champs:

- Titre du sondage: il est important de bien choisir le titre du sondage, il sera dans l’url public de votre sondage. (obligatoire)

- Question du sondage (obligatoire) (peut contenir des smileys)

- Les réponses: il faut remplir au minimum les 2 premières réponses possibles, vous pouvez ajouter autant de réponses que vous le souhaitez. Vous avez la possibilité de choisir si une réponse est un choix unique ou multiple (bouton Radio ou checkbox). (peut contenir des smileys)

- Date de début: vous pouvez choisir la date à laquelle les visiteurs pourront commencer à voter.

- Date de fin: vous pouvez choisir la date à laquelle les visiteurs ne pourront plus voter.

- Privé ou public: les sondages publics seront visibles sur Lasonde.fr, les sondages privés seront uniquement visibles lorsque vous utiliserez le code d’export ou que vous aurez partager leurs liens.

- Blocage Ip/Cookie: cette solution vous permet de bloquer les visiteurs qui ont déjà voté sur le sondage, Lasonde.fr mémorise l’ip du votant, et l’empêche de réitérer son vote un seconde fois. vous pouvez choisir le temps de blocage de 0 seconde à 3 ans. Si le visiteur a déjà voté, et qu’il recharge la page, le sondage affichera directement les résultats, sauf si il sont cachés (autre option).

- Effets des résultats: Les résultats sont représentés à l’aide de bâtons en pourcentages, avec le nombre de votes sur les réponses, vous pouvez choisir le type d’effets que les barres utiliseront pour s’afficher après le vote.

Montrer/cacher les résultats: vous pouvez cacher les résultats ou décider de les montrer après le vote.

Ensuite il faut valider la création du sondage. Vous êtes redirigés vers votre tableau de bord.