Solution clé en main de création de Jeu Web & Mobile
MON 1 ER JEU - CONCOURS SUR F ACEBOOK
La mécanique du jeu-concours est la plus répandue sur Facebook. Simple et efficace, elle permet de recruter des nouveaux fans et collecter des données de manière efficace. Vos joueurs sont invités à répondre à une question, remplir un formulaire puis à partager l’opération auprès de leur amis. Cette mécanique est idéale pour le recrutement de fans et collecte de données.
S PÉCIFICATIONS GRAPHIQUES F
ONDS D’
ÉCRANS● Version Desktop : 810 pixels de large sur une hauteur libre (700/800 pixels recommandés)
● Version Mobile : 320 pixels de large sur une hauteur libre (variable en fonction des éléments à afficher) NB : Pour optimiser le temps de chargement, veillez à ce que le poids de vos images ne dépassent pas 500Ko.
Privilégiez le format .PNG si vos éléments contiennent des transparences.
B
OUTONS D’
ACTIONS● Bouton " Jouer / Participer " : visible sur la page d’accueil et permet d’afficher les permissions Facebook
● Bouton " Valider " : visible sur la page du formulaire pour valider son inscription
● Bouton " Partager " : visible sur la page de fin du jeu
● Bouton " Inviter mes amis " : visible sur la page de fin du jeu
NB : Pour optimiser le temps de chargement, veillez à ce que le poids de vos images ne dépassent pas 100Ko.
Privilégiez le format .PNG si vos éléments contiennent des transparences.
B
ANICONS● Vignettes de l’onglet de la page Facebook : 111px*74px
● Vignette de partage : 90px*90px
● Vignette de l’application (visible sur les permissions Facebook) : 1024x1024 (à décliner à partir de la version 90*90)
● Favicon : 16px*16px
NB : Il est impératif de respecter les dimensions de ces éléments et de privilégier des fonds transparents (export au format .PNG) pour intégrer ensuite facilement ces images lors de la configuration de votre application Facebook.
Solution clé en main de création de Jeu Web & Mobile
1. J E CRÉE MA 1
ÈREOPÉRATION A DICTIZ B OX
Allez sur http://box.adictiz.com et connectez-vous sur votre compte Adictiz Box.
Si vous n’en avez pas, vous pouvez en créer un ici : https://box.adictiz.com/admin/log/signup
Créez une nouvelle opération et sélectionnez la mécanique de Jeu-Concours parmi l’ensemble des mécaniques disponibles.
2. C ONFIGURATION DES MODULES
Vous êtes à présent dans l’étape de Design de votre opération. C’est l’étape durant laquelle vous allez configurer votre opération et intégrer votre graphisme.
Vous retrouvez en haut la barre de navigation de votre opération, qui rassemble toutes les pages présentes sur votre opération. Vous pouvez modifier l’ordre des pages en Drag&Drop en passant au survol de ces éléments. Vous avez également la possibilité d’ajouter ou de supprimer une étape.
F
ANG
ATECette étape apparaît à tous les utilisateurs qui ne sont pas encore fans de votre page Facebook et vous permet donc de recruter des nouveaux fans.
Pour configurer cette page, voici la démarche à suivre : 1. Uploadez votre fond d’écran
2. Placez votre bouton " J’aime " sur votre page
Nous vous recommandons de placer le bouton " J’aime " sur le 1 ertiers de la page afin que vos utilisateurs n’aient pas à scroller pour voir le bouton à cliquer. Pour maximiser le recrutement de nouveaux fans, cette étape doit apparaître dès le début de votre opération.
Solution clé en main de création de Jeu Web & Mobile
A
UTHENTIFICATIONCette étape permet d’afficher les permissions Facebook à vos utilisateurs afin que ceux-ci acceptent de partager leurs informations avec votre application. Elle permet d’identifier vos utilisateurs sur votre opération, et est indispensable si vous souhaitez vous appuyer sur les fonctionnalités sociales et virales de la plateforme.
Pour configurer cette page, voici la démarche à suivre : 1. Uploadez votre fond d’écran
2. Cliquez sur " Configurer mes applications "
3. Sélectionnez l’application Facebook à utiliser
Si aucune application Facebook n’est configurée, aller à l’étape Configuration d’une application Facebook.
4. Personnalisez le bouton " Participer "
Solution clé en main de création de Jeu Web & Mobile
Q
UIZCette étape est à proprement parler l’étape de jeu. Elle permet de poser une question à vos utilisateurs, ou de leur indiquer qu’ils ont déjà joué s’ils ont déjà répondu à la question. Cette étape est composée de 2 pages : “Quiz” et “Déjà joué”.
Pour configurer la page " Quiz ", voici la démarche à suivre : 1. Uploadez votre fond d’écran
2. Editez la question et les réponses
3. Tapez votre question et sélectionnez le type de réponse
4. Configurez le nombre de participation autorisée par joueur
Solution clé en main de création de Jeu Web & Mobile
Pour configurer la page " Déjà joué ", voici la démarche à suivre : 1. Uploadez votre fond d’écran
2. Ajoutez des boutons de viralité
3. Éditez les boutons et placez-les sur votre page
4. Modifiez les textes et images
Solution clé en main de création de Jeu Web & Mobile
F
ORMULAIRECette étape permet de collecter des données sur vos utilisateurs. Cette étape est indispensable si vous devez contacter les gagnants pour leur remettre leurs lots, veillez à bien récupérer les informations dont vous avez besoin. Les données collectées seront disponibles par la suite dans la section Utilisateurs, vous pourrez les exporter au format Excel.
Pour configurer cette page, voici la démarche à suivre : 1. Uploadez votre fond d’écran
2. Sélectionnez les champs que vous souhaitez collecter
Solution clé en main de création de Jeu Web & Mobile
B
ASIQUECette étape permet de remercier vos utilisateurs d’avoir participé et de les inviter à partager le jeu avec leurs amis.
Pour configurer cette page, voici la démarche à suivre : 1. Uploadez votre fond d’écran
2. Ajoutez des boutons de viralité
3. Éditez les boutons et placez-les sur votre page
4. Modifiez les textes et images
Solution clé en main de création de Jeu Web & Mobile
V
ERSIONM
OBILEUne fois l’ensemble des pages configurées, affichez la vue mobile de votre opération en cliquant sur l’icône à droite de votre écran.
Pour offrir une expérience de jeu plus adaptée aux utilisateurs sur mobile, il faut positionner les éléments différemment de la vue Desktop pour que l’affichage du contenu soit adapté.
En dehors des images de fonds, vous n’aurez rien à remplacer. Pour uploader les visuels de fonds mobile, il suffit de cliquer sur " Upload (mobile) " dans le menu Apparence.
P
ARAMÈTRESPour finaliser la configuration de votre opération, cliquez sur le bouton Paramètres dans la barre de navigation.
Vous verrez alors apparaître un écran vous permettant de :
● Définir le nom de votre opération et choisir les dates de début et de fin de votre opération
● Activer ou non la vue mobile de votre opération
● Ajouter le règlement et la politique de confidentialité de votre opération (obligatoire avant lancement) en intégrant bien la mention suivante : ”La promotion n’est pas gérée ou parrainée par Facebook. Les informations que vous communiquez sont fournies à [votre marque] et non à Facebook.”
● Activer une ou plusieurs langues
● Ajouter des polices personnalisées si vous avez du texte dynamique
● Intégrez votre code Google Analytics pour remonter les statistiques de votre opération sur votre compte Google.
Solution clé en main de création de Jeu Web & Mobile
3. C ONFIGURATION DE L ’ APPLICATION SUR F ACEBOOK D EVELOPERS
Sur Adictiz Box, nous vous donnons la possibilité d’avoir votre application en marque blanche. Cela présente de nombreux avantages comme la personnalisation du nom et de la vignette de permissions de votre opération, la personnalisation des liens de contacts de votre application, ou encore le contrôle total de votre application vis-à-vis d’un tiers vous permettant de faire tout ce que vous souhaitez.
Pour configurer votre application, voici la démarche à suivre : 1. Allez sur Facebook Developers et créez votre application
2. Copiez l’App ID et l’App Secret
3. Allez sur Adictiz Box pour synchroniser votre application avec votre compte Adictiz Box et ajoutez une application en renseignant votre App ID et App Secret.
4. Synchronisez votre application avec Adictiz Box en cliquant sur " Configure "
Solution clé en main de création de Jeu Web & Mobile
5. Renseignez l’email par lequel Facebook peut vous contacter s’il y a un problème (obligatoire)
6. Remplissez les informations de votre application, ces données sont visibles sur les permissions Facebook.
7. Dans le champ “Privacy Policy URL”, collez l’URL de votre politique de confidentialité renseignée sur Adictiz Box (obligatoire)
8. Personnalisez les icônes qui apparaîtront sur les permissions et kes invitations Facebook.
Solution clé en main de création de Jeu Web & Mobile
9. Enfin désactivez le mode bac à sable dans l’onglet “Status & Review” pour publié votre application et la rendre accessible à tous.
Si vous souhaitez plus d’informations sur la création de votre application sur Facebook Developers, allez ici.
4. P UBLICATION DE VOTRE OPÉRATION
Une fois que vous avez correctement paramétré votre opération sur Adictiz Box ainsi que votre application sur Facebook Developers, vous êtes prêt à diffuser votre opération.
Retournez à l’étape de Design de votre opération sur Adictiz Box et cliquez sur Publier mon opération en haut à droite de l’écran.
Synchronisez vos pages Facebook avec votre compte Adictiz Box si ce n’est pas déjà fait en cliquant sur Ajouter une autre plateforme de diffusion et suivez les instructions à l’écran.
Sélectionnez ensuite votre page Facebook, installez l’application sur votre page en cliquant sur le bouton Installer, l’opération est maintenant accessible à vos fans.
Utilisez le Smartlink pour communiquer sur votre opération. Il permettra de gérer automatiquement l’affichage de la vue Desktop ou Mobile de votre opération en fonction de l’appareil de vos utilisateurs.
5. S TATISTIQUES ET EXPORT DE DONNÉES
Exportez à n’importe quel moment la base des utilisateurs de votre opération en allant dans la section Utilisateurs.
Suivez la performance de votre opération en allant dans la section Statistiques. N’hésitez pas à ajuster vos textes de partages sociaux au fil de votre opération afin d’optimiser votre taux de conversion et le succès de votre opération.
