fastory

Débuter avec Fanzone

Comment intégrer un Block de ma Fanzone sur mon site web ?

Intégrer un Block de Fanzone sur un site tiers : iframe simple ou script embed, authentification des fans. Nouvel article, fonctionnalité jusqu'ici non documentée.

Chaque Block de votre Fanzone peut être intégré directement sur votre propre site web, pour que vos visiteurs interagissent avec lui sans quitter votre site.

À quoi ça sert ?

L'intégration de Block vous permet d'apporter un Block de Fanzone précis, comme un jeu, une boutique ou un carrousel de billetterie, dans une page web existante. Votre Fanzone reste la source de vérité : chaque modification du Block se met à jour automatiquement partout où il est intégré.

C'est un excellent moyen d'intégrer des mécaniques d'engagement fan à votre site officiel sans les reconstruire, tout en gardant un seul endroit pour gérer le contenu.

Activer l'intégration sur un Block

  1. Ouvrez l'éditeur de votre Fanzone et sélectionnez le Block à intégrer.
  1. Rendez-vous dans les paramètres du Block.
  1. Activez Activer l'intégration.
  1. Choisissez votre mode d'intégration : Iframe simple ou Script embed.
  1. Copiez le code avec le bouton de copie.

Choisir votre mode d'intégration

Iframe simple

Un iframe classique pointant vers votre Block. Utilisez-le pour une intégration rapide et isolée.

Script embed

Un script qui redimensionne automatiquement l'intégration selon son contenu et prend en charge plusieurs intégrations sur la même page. Utilisez-le dès que vous intégrez plusieurs Blocks, ou si la hauteur de votre Block peut varier.

Collez le script une seule fois sur votre site, puis ajoutez un extrait d'intégration par Block que vous souhaitez afficher.

Comment fonctionne l'authentification des fans dans un Block intégré

Si votre Block nécessite que les fans se connectent, par exemple pour participer à un jeu ou cumuler des points de fidélité, l'intégration gère leur connexion sans qu'ils quittent votre site web :

  • lorsqu'un fan doit se connecter, une fenêtre sécurisée s'ouvre pour l'authentification ;
  • une fois connecté, le fan reste connecté sur tous les Blocks de la même Fanzone intégrés sur la page ;
  • sa session est mémorisée lors de sa prochaine visite, il n'a donc pas besoin de se reconnecter.

Bonnes pratiques

  • Utilisez le mode Script embed dès que vous intégrez plusieurs Blocks, pour que leur taille reste toujours ajustée à leur contenu.
  • Gardez votre Block de Fanzone à jour : chaque modification se reflète instantanément sur votre site, sans rien à republier de votre côté.
  • Testez le Block intégré en navigation privée pour vérifier que le parcours de connexion fonctionne comme prévu.

Cas d'usage concrets

Si vous voulez un jeu sur votre site officiel

Intégrez un Block de jeu directement sur une page de campagne de votre site. Les visiteurs jouent sans être redirigés, et votre Fanzone continue de suivre leur participation.

Si vous voulez afficher votre boutique ou votre billetterie sur plusieurs pages

Utilisez le mode Script embed pour placer le même Block sur plusieurs pages de votre site. Chaque page reflète le même contenu à jour.

FAQ

Comment intégrer un Block de Fanzone sur mon site web ?

Ouvrez les paramètres du Block dans l'éditeur de votre Fanzone, activez Activer l'intégration, choisissez Iframe simple ou Script embed, puis copiez le code dans votre site web.

Quelle est la différence entre Iframe simple et Script embed ?

L'Iframe simple est un iframe classique, adapté à un Block unique et isolé. Le Script embed redimensionne automatiquement l'intégration et prend en charge plusieurs Blocks sur la même page : c'est le meilleur choix dès que vous en intégrez plusieurs.

Les fans doivent-ils se reconnecter à chaque Block intégré ?

Non. Une fois qu'un fan se connecte via un Block intégré, il reste connecté sur tous les Blocks de la même Fanzone présents sur la page, et sa session est mémorisée lors de sa prochaine visite.

Mettre à jour mon Block de Fanzone met-il aussi à jour la version intégrée ?

Oui. Le Block intégré reflète toujours l'état actuel de votre Block de Fanzone : vous n'avez jamais besoin de mettre à jour le code d'intégration après une modification de contenu.

Cela a-t-il répondu à votre question ?
😞
😐
🤩