Publications intégrées réactives : Au début de l'année, nous avons amélioré la façon dont vous pouviez intégrer vos publications sur votre site web. Après avoir entendu vos commentaires et vu comment vos publications étaient intégrées, nous avons estimé qu'il y avait encore matière à amélioration. Grâce à vos commentaires, il est désormais plus facile d'obtenir votre code d'intégration et nous avons veillé à ce que les publications intégrées soient parfaites, quelle que soit leur taille.
Une première impression sans accroc
La première impression que vos lecteurs ont en ouvrant un publication est extrêmement important. Une seule seconde de retard ou une distraction mineure peut avoir un impact sur l'engagement de votre lecteur. Conformément à cette vision, nous avons fait en sorte que même le chargement des publications intégrées soit aussi bon que possible. Jetez un coup d'œil à cet exemple ici :
Publications intégrées réactives
De nombreux utilisateurs disposent d'un site Web réactif et souhaitent afficher les publications intégrées dans différentes tailles. Il est difficile d'afficher les publications intégrées à la bonne taille et il n'existe pas de solution unique. C'est pourquoi nous avons créé le code d'intégration réactif.
Si vous utilisez notre code d'intégration réactif, nous afficherons automatiquement la publication intégrée aussi grande que possible dans l'espace disponible de votre site Web, tout en tenant compte de la taille du navigateur de l'utilisateur. Ainsi, la publication intégrée s'adaptera toujours parfaitement à la page, sans devenir trop grande sur les petits écrans.
Ouverture de la publication intégrée dans une lightbox
Auparavant, lorsqu'ils ouvraient une publication intégrée, les utilisateurs ignoraient parfois qu'ils étaient toujours sur votre site Web. La manière de fermer la vue plein écran n'était pas toujours claire, ce qui conduisait les utilisateurs à fermer la page ou à utiliser le bouton "retour" du navigateur pour quitter la publication - en fait, ces utilisateurs quittaient votre site.
Nous ouvrons désormais votre publication dans une lightbox. Bien que cela réduise de quelques pixels l'espace disponible pour votre publication, l'expérience de l'utilisateur est beaucoup plus intuitive et les gens resteront conscients qu'ils sont toujours sur votre site. N'hésitez pas à cliquer sur le bouton "ouvrir" de la publication intégrée ci-dessus pour voir comment cela fonctionne.
Mode bannière : intégration des publications sur les petits formats
Nous avons également remarqué que les utilisateurs aiment utiliser les publications intégrées dans des formats beaucoup plus petits que prévu. Afin d'améliorer l'affichage de ces publications, nos publications intégrées passent désormais automatiquement à l'écran suivant Mode Bannière dès qu'ils deviennent plus petits que 800px de large ou 500px de haut. À 400x400px ou moins, nous modifions le design pour l'adapter au petit espace dans lequel la publication est intégrée. Découvrez ici une publication intégrée de très petite taille :
En mode Bannière, nous modifions quelques éléments pour que les publications intégrées fonctionnent dans les petits espaces :
- Les points d'accès sont désactivés ; Il y a plusieurs raisons pour lesquelles nous avons désactivé les hotspots en mode bannière. La première est que cliquer sur de petits hotspots à ces résolutions peut rapidement devenir une tâche frustrante. Une autre raison est que la superposition de produits et les vidéos YouTube ne tiennent pas dans les petites publications intégrées de ces tailles. Les utilisateurs se retrouvaient parfois bloqués sur une superposition de produits, sans possibilité de la fermer.
- Un bouton "ouvrir" au passage de la souris ; Lorsqu'un utilisateur survole une publication intégrée qui est en mode bannière, nous affichons un bouton "Ouvrir". Lorsque l'utilisateur clique sur l'une des pages, la publication s'ouvre dans une lightbox comme décrit précédemment.
- Design ajusté à 400x400px ; À cette taille, les publications intégrées deviennent si petites que nous avons décidé de modifier la conception en supprimant la barre inférieure et en réduisant la taille des éléments de navigation. De cette façon, nous nous assurons que la publication intégrée est belle même à des tailles plus petites.
Vous n'avez pas à activer manuellement Mode Bannière. La visionneuse automatiquement passe en mode bannière dès que votre publication intégrée passe sous le seuil de 800px de largeur ou 500px de hauteur.
Note : Avec la sortie de cette fonctionnalité, nous avons supprimé l'intégration de la bannière précédente. L'intégration de la bannière n'était pas aussi performante que nous le souhaitions et vous pouvez désormais utiliser le mode bannière, qui est bien plus performant. Nous continuerons à améliorer le mode Bannière des publications intégrées à l'avenir afin de nous assurer que vous disposez d'une bannière impressionnante pour votre site.
Obtenir et configurer le code d'intégration
Dans votre liste de publications, trouvez la publication que vous souhaitez intégrer. Cliquez ensuite sur Partager -> Intégrer. La fenêtre suivante s'ouvre :
Nous avons apporté plusieurs améliorations qui rendront l'intégration de vos publications beaucoup plus facile. L'aperçu à gauche représente ce à quoi ressemblera votre publication intégrée. À droite, vous trouverez votre code d'intégration et quelques paramètres permettant d'ajuster facilement la taille de votre publication intégrée.
- Responsive (par défaut) : Il s'agit du paramètre réactif décrit précédemment.
- Petit / Moyen / Grand : Il s'agit de simples tailles prédéfinies que vous pouvez sélectionner si vous souhaitez intégrer rapidement et facilement votre publication.
- Personnalisé : Utilisez l'option personnalisée si vous souhaitez définir une hauteur et une largeur personnalisées pour votre publication. Cette option est particulièrement utile si vous connaissez exactement l'espace dont vous disposez et que vous souhaitez contrôler vous-même la taille de l'afficheur.
