À propos de l'intégration site web
Donnez à une expérience OmniLab sa propre page sur votre site, encadrée par votre header et votre footer, et choisissez comment la page la charge.
Donnez à une expérience OmniLab sa propre page sur votre site pour que les visiteurs participent sans quitter votre domaine. Cette page explique la forme à viser et vous aide à choisir la méthode de chargement avant de briefer qui que ce soit.
Donnez à l'expérience une page à elle sur votre site : votre header en haut, votre footer en bas, et tout l'espace entre les deux est l'expérience. Les visiteurs restent sur votre domaine, dans votre navigation, et ne voient jamais de passage de relais.
C'est la forme à viser. L'expérience n'est pas un widget à glisser entre deux paragraphes — c'est un écran qui a besoin de place, et sa hauteur change quand un participant passe d'un formulaire à un jeu puis à une récompense.
- 1Votre header et votre navigation, inchangés
- 2L’expérience OmniLab occupe la page entre les deux
- 3Elle grandit et rétrécit à mesure que le participant avance
- 4Votre footer, inchangé
Votre header et votre footer restent les vôtres. Tout ce qui est entre les deux est l’expérience.
L'expérience a besoin d'une adresse sur votre propre domaine
L'intégration ne fonctionne correctement que si l'expérience est servie depuis un sous-domaine du site où elle apparaît — experience.votremarque.com dans www.votremarque.com. L'adresse OmniLab par défaut convient aux liens et aux QR codes, mais dans votre page le navigateur la traite comme une iframe tierce et bloque les cookies dont l'expérience a besoin : les participants ne peuvent donc pas rester connectés.
Configurez le Domaine personnalisé avant de développer la page.
Choisir comment la page charge l'expérience
Les deux méthodes placent la même expérience dans la page. Elles diffèrent sur qui décide laquelle.
| Méthode | La page charge | À choisir quand |
|---|---|---|
| Intégration directe | Une expérience précise, fixée dans le code de la page | Vous savez quelle expérience va sur quelle page, et cela change rarement |
| Tag réutilisable | L'expérience désignée par l'adresse de la page elle-même | Une page modèle doit afficher différentes campagnes dans le temps, ou sur plusieurs pages |
Le tag réutilisable est un petit script qui gère aussi les parties délicates à votre place : dimensionner l'iframe quand l'expérience change, garder les drawers à l'écart d'un header sticky, et empêcher la page derrière de défiler pendant qu'un drawer est ouvert.
Préférez le tag, sauf si quelque chose vous en empêche. C'est le chemin qu'OmniLab construit et teste, et choisir l'intégration directe signifie que votre équipe prend en charge la hauteur de l'iframe et le placement de chaque drawer, puis les maintient quand les expériences évoluent. Voir Référence du tag JavaScript.
C'est votre équipe web qui met en œuvre
Les deux méthodes impliquent d'ajouter du code à votre site. Décidez de la méthode, rassemblez les éléments ci-dessous, puis transmettez la section à qui maintient le site.
Qui fait quoi
| Responsabilité | Responsable |
|---|---|
| La page où apparaît l'expérience | Vous |
| Charger l'expérience et dimensionner son iframe | Le tag, ou votre propre code en intégration directe |
| Autoriser les deux domaines OmniLab dans votre politique de sécurité de contenu | Vous |
| Les permissions navigateur nécessaires, comme la caméra | Vous, dans votre page |
| L'expérience elle-même : jeu, formulaire, branding, récompense | OmniLab |
| Configuration de la campagne et récompenses | Vous, dans OmniLab Studio |
Ce qu'il faut donner à votre équipe web
- L'adresse de l'expérience depuis OmniLab Studio.
- Si les visiteurs doivent arriver sur une page de campagne proposant plusieurs expériences, ou entrer directement dans une seule.
- L'adresse de marque depuis laquelle l'expérience sera servie. C'est obligatoire, pas optionnel : elle doit être un sous-domaine du site sur lequel vous intégrez, sinon la connexion dans l'expérience ne fonctionnera pas. Configurez-la d'abord. Voir Domaine personnalisé.
- Toute permission nécessaire à l'expérience, comme l'accès caméra pour un jeu de scan.