Passer au contenu principal
Comment gérer le rendu mobile ?
Mis à jour il y a plus de 4 mois

La plateforme vous permet de télécharger vos images spécialement adaptées au format mobile pour toutes les étapes de votre campagne (page d'accueil, formulaire, pages de fin de jeu, etc.), à l'exception de la section "Mécanique", qui correspond à la partie "gaming".

Nous vous recommandons de lire l'article Créer le graphisme de votre campagne avant de commencer. Cet article aborde les dimensions des fonds de campagne et de page, ainsi que des astuces pour visualiser le rendu mobile. Voici quelques conseils pour gérer le rendu mobile de votre campagne sur la plateforme Socialshaker.

Spécificités graphiques

Pour un rendu optimal de votre visuel sur mobile, nous vous recommandons d'utiliser les dimensions suivantes : 480x710 pixels. Assurez-vous que votre image ne dépasse pas 1,5 Mo.

Les tailles d'écran varient d'un mobile à l'autre, nous vous conseillons de ne pas dépasser 320 pixels de largeur (centré) pour vos textes et images dans un visuel de taille 480x710 pixels. Cela garantit une meilleure lisibilité et un affichage adapté sur différents appareils.

Affichage du visuel mobile

1. Pour que votre visuel mobile personnalisé apparaisse correctement :

  • Allez dans la section Configuration

  • Décochez la case Afficher uniquement le fond de campagne sur mobile

⚠️ Attention : Si votre fond mobile personnalisé ne s'affiche pas lors de la diffusion, vérifiez que cette case est bien décochée !

2. Pour afficher uniquement le fond de campagne sur mobile :

  • Cochez la case Afficher uniquement le fond de campagne sur mobile dans la section Configuration.

Ainsi, seul le fond de campagne commun à toutes les pages sera visible sur mobile, sans les images d'habillage spécifiques à chaque page. Cette option est utile si les images d'habillage ne sont pas adaptées à la version mobile.

Rendu mobile de la partie "Jeu"

La partie "Jeu" (paramétrable depuis "Mécanique") ne possède pas d'image dédiée au mobile. En effet, nous considérons que le jeu lui même prend toute la place sur l'écran et qu'une image dédiée n'est pas nécessaire. Si vous souhaitez intégrer votre logo sur cette page, utilisez l'image d'habillage Desktop, qui s'affichera également en version mobile. Les visuels et textes dans l'image doivent être bien centrés pour ne pas être coupés sur mobile.

Prévisualisation

Pour prévisualiser la version mobile, rendez vous dans le back-office de votre campagne et sélectionnez « Prévisualisation » – « Preview Mobile ».
Vous aurez alors accès au rendu de votre campagne version mobile :

Accès au jeu sur mobile depuis Facebook

Pour que votre application soit accessible depuis un mobile, vous devez impérativement communiquer l’URL Shakr.cc fournie par Socialshaker dans vos posts et communications (et non l'url de l'onglet que vous retrouvez dans votre navigateur).

Avez-vous trouvé la réponse à votre question ?