Comment créer une campagne de type "objet caché" ?

Tabata Vossen -

Dans le jeu de l'objet caché, les utilisateurs doivent dénicher un objet caché dans un décor. À l'aide d'une image personnalisée et notre format de quiz, vous pouvez créer votre propre jeu de l'objet caché à publier et partager en ligne. Ce jeu peut contribuer à la notoriété de votre marque et augmenter la reconnaissance d'un produit !

VOIR LA DÉMO →

De quel type d'image aurai-je besoin pour créer un jeu de l'objet caché ?

  • L'image principale avec l'objet caché.
  • Une image de viralité à partager sur les réseaux sociaux (facultatif).

L'image principale du jeu devra être retouchée et divisée en plus petits morceaux de taille identique avant d'être chargée sur la plateforme. Pour ce faire, vous pouvez utiliser Photoshop ou IMG online.

Dans cet exemple, l'image principale a été divisée en 16 blocs de taille égale :

Créer le jeu de l'objet caché

Commencez par créer un quiz classique ou un chrono quiz :

Screenshot_2020-01-23_at_10.37.03.png

Dans l'étape "Questions", vous pouvez configurer vos paramètres comme suit :

  • Sélectionnez le type de question "Images cliquables" :

Screenshot_2020-01-23_at_10.39.05.png

  • Saisissez votre question en expliquant ce qu'est l'objet caché afin que le ou la participant(e) sache ce qu'il ou elle cherche.
  • Chargez les blocs de votre image comme réponses. Commencez par celle en haut à gauche, puis continuez horizontalement vers la droite, et ensuite verticalement vers le bas jusqu'à ce que toutes les images soient chargées. Le nombre de réponses possibles devrait être égal au nombre de blocs qui composent votre image (dans l'exemple ci-dessus, 16).
  • Indiquez la bonne réponse en cliquant sur "Bonne réponse" à côté de la zone concernée et attribuez-lui un certain nombre de points :

Screenshot_2020-01-23_at_10.39.44.png

  • Chaque réponse doit avoir un label (légende "image 07" dans l'image ci-dessous), à des fins de statistiques. Toutefois, vous devez cacher ces labels dans le jeu :

Screenshot_2020-01-23_at_10.40.23.png

  • Choisissez une option d'alignement. Vos réponses doivent être alignées en fonction d'un nombre de colonnes par lequel votre nombre de blocs d'images est divisible. Dans l'exemple de 16 blocs d'images, ceux-ci peuvent être alignés sur quatre colonnes.

Remarque : le nombre optimal de colonnes pour les appareils mobiles est de trois ou quatre.

Screenshot_2020-01-23_at_10.41.10.png

  • Dans l'étape "Paramètres", vous pouvez décider si les utilisateurs peuvent jouer plus d'une fois :

Screenshot_2020-01-23_at_10.41.56.png

Supprimer les marges de l'image (CSS)

À l'étape "Apparence" de votre campagne, vous pouvez insérer ce petit bout de code dans les Paramètres avancés > onglet CSS :

.answerPic.col_2 {width: 50% !important;}.answerPic.col_3 {width: 33% !important;}.answerPic.col_4 {width: 25% !important;}.answerPic.col_5 {width: 20% !important;}.answerPic {display: block; float: left !important;}.answerPic img {border-width: 0px; border-radius: 0px;}.questionset .custom figure {padding: 0;}.answerPic img {border-radius: 0px !important;-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;max-width: 100% !important;}.questionset .answerPic img:hover{transform: none;-webkit-transform: none;-moz-transform: none;}div.answerPic figure {padding: 0px;}.answerPic img {width: 100%; border-radius: 0px !important;-moz-border-radius: 0px !important;-webkit-border-radius: 0px !important;}div.answerPic img:hover {animation: none;-webkit-animation: none;-moz-animation: none;-o-animation: none;-ms-animation: none;position: relative;z-index: 1;box-shadow: 0 0 5px rgba(0,0,0,0.5);}.answerPic {z-index: auto;}

Ce code supprimera l'espace entre les blocs d'image, rendant la coupure invisible à l'œil nu.

Remarque : ce code n'est applicable que si vous disposez de 2 à 4 colonnes.

Dernier conseil : une campagne d'objets cachés peut contenir plusieurs jeux, chaque question affichant une scène avec un objet caché. Profitez-en pour créer une narration (par exemple, une chasse au trésor, une course autour du monde, etc.) qui incitera le participant à terminer la campagne.