Vidéo-bulle

« Vidéo-bulle » — un Widget flottant rond avec une vidéo dans le coin inférieur de votre site. D'abord, le visiteur voit une affiche ou un aperçu silencieux sans son ; au clic, une fenêtre s'ouvre avec la vidéo avec le son, une légende et un bouton d'action : « Commander », « Réserver une Table », « Prendre rendez-vous », « Demander dans le chat » et autres.

La principale différence avec les Widgets vidéo habituels — la vidéo ici n'est pas un fichier séparé. C'est la vidéo d'un Article de votre menu ou catalogue, qui se trouve déjà dans sa fiche : téléchargée par vous ou générée par IA à partir d'une photo du plat. Le Widget n'a pas de second stockage vidéo, et le bouton « Commander » ouvre dans le Widget de Commande précisément le plat que le visiteur vient de regarder.

Le Widget est gratuit : aucune extension séparée à acheter.

Où l'activer : Panneau d'administration → Marketing → « Mon site » → fiche « Vidéo-bulle ». L'interrupteur active le Widget, l'engrenage ouvre les réglages.

Installation sur le site#

Aucun code propre n'est nécessaire — le tag commun de la section « Mon site » fonctionne :

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="VOTRE-DOMAINE" async></script>

Une ligne dans <head> ou avant </body>, ensuite la composition des Widgets est définie par les interrupteurs dans le Compte. Les instructions par plateforme (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — dans l'article Mon site, section « Installation sur les plateformes populaires ».

Le tag individuel de la bulle se trouve dans le bloc « Avancé » :

<script src="https://cdn.cenaly.com/video-widget/v1.js" data-domain="VOTRE-DOMAINE" async></script>

Ses attributs :

⚠️ L'attribut sur le tag est plus fort que le réglage dans le Compte — c'est l'inverse pour les autres Widgets. La bulle est souvent placée sur une page où le coin est déjà occupé par une mise en page tierce, et c'est celui qui modifie cette page qui doit la déplacer, sans passer par l'administration.

Ce que la vérification de l'installation voit et ne voit pas. Le bouton « Vérifier l'installation » lit le HTML source de la page : il trouvera le chargeur commun ou le tag individuel de la bulle, le code d'un autre Établissement ou son absence. Le tag inséré déjà dans le navigateur par Google Tag Manager, il ne le verra pas — observez le site de vos propres yeux.

D'où viennent les vidéos#

La vidéo de la bulle est la vidéo d'un Article du menu ou du catalogue. Il n'y a pas de téléchargement séparé de « vidéo pour le Widget », et c'est volontaire : la même vidéo fonctionne dans la fiche du plat sur la Vitrine et dans la bulle sur le site.

Pour qu'un Article ait une vidéo :

1. Ouvrez l'Article dans la section « Menu » (ou dans le catalogue de produits) et téléchargez une vidéo dans ses médias.
2. Ou générez une vidéo par IA à partir d'une photo du plat directement dans la fiche. La génération est une fonction de la fiche du plat avec ses propres conditions ; la bulle ne la paie pas. ⚠️ Sur les marques dans le Cloud Yandex (cenaly.ru), la génération de vidéo n'existe pas — la vidéo y est téléchargée prête.
3. Attendez que la vidéo soit traitée : la plateforme crée une affiche et, là où c'est configuré, des variantes de qualité de 360p à 1080p.

Si aucun Article n'a de vidéo, le panneau de la bulle le dira et proposera d'aller au menu — il n'y aura pas d'aperçu inventé sans vidéo.

⚠️ Le format du fichier est important. Les navigateurs lisent sans problème mp4, webm et m4v. Une vidéo dans un autre format (par exemple, .mov d'un iPhone, .avi, .mkv) ne sera affichée par la bulle que si des variantes de qualité sont prêtes pour elle ; sinon elle n'entre pas du tout dans la bulle — une bulle qui s'ouvre sur « vidéo indisponible » est pire qu'une bulle absente.

Configuration du widget#

Les réglages sont enregistrés automatiquement. À côté des champs, un aperçu : le cercle avec le poster de la première vidéo sélectionnée et la fenêtre dépliée avec sa légende et son bouton, dans les mêmes termes que ceux que verra le visiteur.

Vidéos#

• Sélection — la liste des articles de l'établissement choisi qui ont une vidéo. Cochez jusqu'à 6 vidéos et classez-les dans l'ordre : c'est dans cet ordre que le visiteur les fait défiler avec les flèches.
• Légende — un texte court pour la vidéo (jusqu'à 80 caractères) dans les langues souhaitées : sous le cercle et dans la fenêtre dépliée.
• Bouton d'action — ce qu'il faut faire après le visionnage (voir le tableau ci-dessous). Par défaut — « Commander » avec ce même plat.
• Libellé du bouton — le vôtre, jusqu'à 40 caractères dans chaque langue ; vide — le libellé standard selon le type d'action.

Les réglages du cercle stockent le lien vers la vidéo de l'article et les données de la vidéo au moment de la sélection (format, variantes de qualité disponibles, poster, durée), et non une copie du fichier.

Bouton sous la vidéo#

⚠️ Le bouton fonctionne via le widget voisin. Si le widget vers lequel il mène est désactivé chez vous (ou s'il s'agit d'une extension payante sans abonnement), le bouton ne sera pas sur le site — le visiteur regardera simplement la vidéo. Le panneau signale ces actions à l'avance, et dans les statistiques du cercle, cela apparaît comme une raison distincte.

Les libellés de boutons standard et les libellés techniques du cercle sont intégrés en quatre langues — anglais, russe, géorgien et turc ; dans les autres langues de la page, ils sont en anglais. Vous définissez vos propres libellés dans les langues de votre choix.

Apparence#

« Ne pas afficher après fermeture » — pendant combien de jours le cercle reste silencieux après que le visiteur l'a fermé avec la croix. 0 — seulement jusqu'à la fin de la visite (session du navigateur).

Quand afficher#

Le bloc est commun au multibouton, au rappel et à la « Vitrine vivante » : masques de pages « uniquement sur… » et « sauf… » (jusqu'à 20 dans chaque liste, * = n'importe quel fragment, les exceptions l'emportent), délai jusqu'à 600 secondes, appareil (tous · ordinateurs · téléphones), plage horaire — jusqu'à 14 fenêtres personnalisées ou les heures d'ouverture de l'établissement.

⚠️ Les heures sont comptées dans le fuseau horaire du lieu ; si le fuseau n'est pas défini, les fenêtres sont comptées selon l'heure du visiteur.

Quand le cercle lance la vidéo tout seul#

C'est la règle principale du widget — le contrat de vitesse : tant que le cercle n'a pas décidé d'afficher l'aperçu, la page ne contient aucun élément vidéo avec un lien vers la vidéo et aucune requête vers son fichier. Le visiteur télécharge le poster, pas la vidéo.

L'aperçu silencieux (sans son, en boucle) ne se lance que lorsque toutes les conditions suivantes sont réunies :

1. l'aperçu n'est pas désactivé dans les réglages ;
2. la page est déjà chargée — la vidéo ne prend pas la bande passante de votre contenu ;
3. le cercle est dans la partie visible de l'écran ;
4. le visiteur n'a pas activé « réduire les animations » (prefers-reduced-motion) ;
5. le visiteur n'a pas activé l'économie de données (Save-Data).

Sinon, le cercle affiche le poster de la vidéo. S'il n'y a pas de poster (la plateforme ne l'a pas encore créé ou le traitement des vidéos n'est pas configuré), le cercle affiche la première image : c'est plus coûteux qu'un poster, donc uniquement sous les conditions 1, 2 et 5. Aperçu désactivé et pas de poster — un cercle sombre avec une bordure et ▶.

Une qualité adaptée à l'écran. Si des variantes de 360p à 1080p sont disponibles pour la vidéo, le widget prend celle qui convient : une légère dans le cercle, une adaptée à sa largeur dans la fenêtre dépliée. S'il n'y a pas de variantes, le fichier d'origine est lu.

Le son — uniquement après une action du visiteur. Les navigateurs n'autorisent pas l'activation du son sans geste, et nous ne contournons pas cela.

Le poids du widget — environ 20 Ko en gzip (balise avec async). Les fichiers des vidéos ne sont pas inclus dans ce poids.

Ce que voit le visiteur et ce qui est collecté#

Le client voit le cercle dans l'angle choisi — avec un poster ou un aperçu silencieux, la durée du clip et une légende en dessous. Au clic (ou avec Entrée / espace au clavier), une fenêtre s'ouvre :

• le clip avec le son et un bouton « couper le son » ;
• des flèches ‹ › entre les clips, s'il y en a plusieurs ;
• une légende et un bouton d'action ;
• fermeture — par la croix, la touche Échap ou un clic en dehors de la fenêtre ; le focus revient sur le cercle.

Au clic sur le bouton d'action, la fenêtre du cercle se ferme et le widget voisin s'ouvre — deux fenêtres superposées sur la page d'un tiers seraient une impasse. Une petite croix sur le cercle lui-même le retire pendant le nombre de jours défini.

Si notre bouton est déjà dans le même angle (multibouton, rappel, commande, réservation, rendez-vous, chat), le cercle se place au-dessus, et les bandeaux de la « Vitrine vivante » — au-dessus du cercle. Le multibouton n'absorbe pas le cercle : ce n'est pas un canal de communication.

Le widget ne collecte pas de données personnelles. Il n'a ni formulaires ni champs. Une commande, une réservation ou un rendez-vous passés via le bouton arrivent dans les mêmes sections que depuis les widgets eux-mêmes — par exemple dans « Commandes ». Le cercle lui-même n'envoie que des statistiques anonymisées : affichage, ouverture, visionnage avec le son plus de 3 secondes, clic sur le bouton par type d'action (commande, réservation, chat…) et fermeture. Ni noms, ni contacts, ni numéros de clips n'y figurent. Le récapitulatif est visible sur la fiche du widget dans « Mon site ».

Limites#

• Un seul format — le cercle dans l'angle inférieur. Pas de stories, de carrousel ni de lecteur intégré à la page.
• Le clip est uniquement la vidéo d'un article du menu ou du catalogue. Impossible de charger « un simple clip » séparément de la fiche.
• Les liens YouTube et TikTok ne sont pas pris en charge : le lecteur d'un tiers pose ses propres cookies (c'est contraire au bandeau de consentement) et est plus lourd que ne le permet le contrat de vitesse.
• Un clip illisible n'est pas affiché : un format que le navigateur ne lit pas, sans variantes de qualité prêtes, n'entre pas dans le cercle. Un cercle sans aucun clip lisible n'apparaît pas du tout.
• Le cercle n'existe pas sur notre vitrine — la vidéo du plat y figure déjà dans sa fiche. Le cercle ne fonctionne que sur votre propre site.
• Pas de bouton s'il n'y a pas son widget : l'action mène au widget voisin, et sans lui le bouton n'est pas dessiné.
• Pas plus de 6 clips dans un même cercle.
• Les libellés système — quatre langues (en, ru, ka, tr), les autres langues — en anglais.
• La génération de clips par IA n'est pas disponible sur cenaly.ru — là, les clips sont uniquement téléchargés.

Dépannage#

Le cercle n'est pas sur le site.

1. Balise introuvable — « Vérifier l'installation ». « Pas de code » — la balise n'est pas insérée ou ne figure pas sur toutes les pages du modèle ; « code d'un autre établissement » — un data-domain étranger. Si la balise est posée par GTM, la vérification ne la verra pas.
2. Widget désactivé — l'interrupteur sur la fiche « Cercle vidéo ».
3. Aucun clip sélectionné — sans clips, le cercle n'est pas dessiné.
4. Aucun clip n'est lisible — tous les clips sélectionnés ont un format que le navigateur ne lit pas, et il n'y a pas de variantes de qualité. Téléchargez un mp4 dans la fiche de l'article ou attendez le traitement de la vidéo.
5. Le client a fermé le cercle avec la croix — il reste silencieux pendant le nombre de jours défini (7 par défaut). Vérifiez en fenêtre de navigation privée ou dans un nouveau profil de navigateur.
6. Les conditions d'affichage ont exclu la page — vérifiez les masques, l'appareil, le délai et la plage horaire.
7. Les modifications ne sont pas arrivées — les réglages sont diffusés via le CDN avec un cache allant jusqu'à 5 minutes : attendez et actualisez la page.

Le cercle est là, mais pas le bouton sous le clip. Le widget vers lequel mène le bouton est désactivé sur le site (ou non payé, s'il s'agit d'une extension) — activez-le dans « Mon site ». Pour l'action « Document », un document sélectionné est nécessaire ; pour « Lien », une adresse http(s)://.

Le cercle ne joue pas l'aperçu, seulement le poster. C'est voulu si l'aperçu est désactivé, si la page est encore en cours de chargement, si le cercle est hors écran ou si le client a activé « réduire les animations » ou l'économie de trafic. Vérifiez sur un autre appareil.

La fenêtre affiche « Vidéo indisponible ». Le fichier du clip n'a pas été chargé : la vidéo a été supprimée ou remplacée dans la fiche de l'article. Ouvrez les réglages du cercle et sélectionnez le clip à nouveau.

Vous avez remplacé la vidéo dans la fiche, mais le cercle affiche l'ancienne. Le cercle conserve le lien vers une vidéo précise de l'article et ses données au moment de la sélection. Sélectionnez le clip à nouveau — de même si vous l'aviez choisi pendant que la vidéo était encore en cours de traitement.

« Commander » ouvre un autre plat. Le bouton « Commander » mène par défaut à l'article dont c'est la vidéo ; si vous avez modifié l'action manuellement, vérifiez l'article sélectionné dans les réglages du bouton.

Questions fréquentes#

Le cercle va-t-il ralentir le site ?#

Le widget pèse environ 20 Ko en gzip et se charge en async. Les fichiers des clips ne sont pas téléchargés tant que le widget n'a pas décidé d'afficher l'aperçu — et l'aperçu ne se lance qu'après le chargement de la page et uniquement dans la partie visible de l'écran.

Peut-on charger un clip directement dans le widget ?#

Non. Le clip est la vidéo d'un article du menu ou du catalogue : téléchargez-la dans la fiche de l'article ou générez-la à partir de la photo du plat (sauf sur cenaly.ru), puis sélectionnez-la dans le cercle.

Que deviennent les clips si je désactive le cercle ou si je quitte la plateforme ?#

Les clips ne disparaissent pas avec le widget : ce sont les fichiers de vos articles de menu, et le cercle ne conserve que des liens vers eux. Si vous désactivez le widget, les vidéos restent dans les fiches des plats. Le cercle n'a pas de stockage séparé, il n'y a rien à en transférer.

Peut-on intégrer une vidéo YouTube ou TikTok ?#

Non. Le lecteur d'un tiers pose des cookies et est plus lourd que ne le permet le contrat de vitesse du cercle.

Le son s'active-t-il tout seul ?#

Non. L'aperçu dans le cercle est toujours sans son, et le clip ne joue avec le son qu'après un clic du client.

Combien de clips peut-on afficher ?#

Jusqu'à six dans un même cercle. Le client les parcourt avec les flèches ; chacun a sa propre légende et son propre bouton.

Le cercle apparaîtra-t-il sur la vitrine Cenaly ?#

Non. Sur la vitrine, la vidéo du plat figure déjà dans sa fiche, c'est pourquoi le cercle ne fonctionne que sur votre propre site.

Que contiennent les statistiques ?#

Les affichages du cercle, les ouvertures, les visionnages avec le son plus de 3 secondes, les clics sur le bouton par types d'actions et les fermetures — sans données personnelles et sans numéros de clips.

Sections associées#

• Mon site — code d'installation et autres widgets
• Commande en ligne sur votre site — vers où mène le bouton « Commander »
• Vitrine en direct — badges honnêtes avec le nombre de commandes à côté du cercle
• Multibouton — tous les canaux de contact dans un seul bouton
• Cookies et consentement — pourquoi nous n'intégrons pas de lecteurs tiers