产品视频——在您的产品详情页中添加YouTube、TikTok、Vimeo和Dailymotion视频

Une adresse collée, et la vidéo est là

Vous avez filmé votre atelier, un client a posté un TikTok avec votre produit, votre fournisseur a mis une démonstration sur YouTube. Vous copiez l'adresse dans la barre de votre navigateur, vous la collez, et la vidéo apparaît sur la fiche produit.

YouTube, TikTok, Vimeo et Dailymotion sont reconnus. Pour YouTube, toutes les formes d'adresses passent : la longue, la courte, un Short, un direct, et même le code d'intégration complet si vous le collez tel quel.

Votre page n'appelle personne avant le clic

La méthode habituelle consiste à coller un cadre qui pointe chez YouTube. Ce cadre se charge en même temps que la page, que le visiteur regarde la vidéo ou non. YouTube est donc appelé à chaque ouverture de la fiche, il sait qui passe, et il pose ses traceurs.

Ce module fait autrement. Par défaut, aucun cadre n'est posé tant que le visiteur n'a pas cliqué : votre fiche produit n'appelle ni YouTube, ni TikTok, ni personne, et aucun traceur extérieur n'est déposé. Trois conséquences : la page se charge plus vite, elle reste en règle sans bandeau de consentement supplémentaire, et le passage chez la plateforme devient un geste du visiteur.

Rien de ce qui est collé ne ressort dans vos pages

Le module n'enregistre ni adresse ni code d'intégration. De ce que vous collez, il retient deux choses : le nom de la plateforme et le numéro de la vidéo. Le cadre affiché sur la boutique est ensuite reconstruit à partir de ces deux valeurs, à chaque affichage.

Ce qui sort n'est donc jamais ce qui est entré. Il n'existe aucun chemin par lequel du code collé dans un champ pourrait se retrouver dans une de vos pages.

Les adresses des lecteurs sont réglables

Une plateforme peut changer l'adresse de son lecteur du jour au lendemain, et elle ne prévient personne. Si cette adresse était écrite en dur dans le code, il faudrait attendre une nouvelle version du module. Ici, elle se corrige en trente secondes dans la configuration, et vos vidéos déjà enregistrées repartent aussitôt, puisqu'elles ne contiennent aucune adresse.

Une vignette fabriquée par votre serveur

La vignette est l'image qu'on voit avant de cliquer. Elle est facultative, et recommandée. Celle que vous téléversez est relue, vérifiée, redimensionnée et réenregistrée : le fichier écrit sur le disque est fabriqué sur place, jamais recopié. Un script déguisé en photo ne survit pas à l'opération, et les données de géolocalisation cachées dans les photos prises au téléphone non plus.

Le format de sortie est le WebP quand le serveur sait le produire, sinon le JPEG. La page de configuration affiche ce que votre serveur fait réellement, plutôt que ce que l'hébergeur annonce.

Où la vidéo s'affiche, et sous quelle forme

• Dans un onglet de la fiche produit, sous la description, ou sous les images : à votre choix.
• Cadre en 16 / 9, 9 / 16 pour du TikTok ou un Short, 4 / 3 ou carré.
• De une à quatre vidéos par ligne. Sur un téléphone, toujours une seule.
• La couleur du bouton de lecture suit celle de votre thème.

Le geste quotidien

Un écran dans le menu Catalogue liste toutes vos vidéos, avec le formulaire d'ajout en haut. La fiche produit du back-office porte un onglet qui montre ce qui est en place et mène au même écran, le numéro du produit déjà rempli. Une vidéo qui n'est plus d'actualité se masque d'un clic sans être perdue, et se réaffiche pareil. Un produit supprimé emporte les siennes, avec leurs vignettes.

Ce qu'il ne fait pas

• Il n'héberge pas de vidéo : vos fichiers restent chez la plateforme.
• Il ne va rien chercher chez elle, ni le titre, ni la durée, ni l'image d'aperçu. Votre serveur ne lui parle jamais.
• Il n'accepte pas les liens raccourcis de TikTok, qui ne portent pas le numéro de la vidéo. Il le dit, plutôt que d'enregistrer quelque chose d'inutilisable.
• Il n'attache pas une vidéo à une déclinaison ni à une catégorie : une vidéo appartient à un produit.
• Il n'ajoute pas de champ dans le formulaire produit de PrestaShop, qui a changé trois fois en trois versions majeures. Un lien, lui, tient dans le temps.

Installation

Téléverser, installer, choisir l'emplacement et la forme du cadre. Cinq minutes. Un mode d'emploi complet accompagne le module : chaque réglage y est expliqué, avec un chapitre entier sur les symptômes courants et le geste qui les traite.