Intégration d'un formulaire ou d'un autre contenu externe dans une vidéo

Dans cette rubrique, vous apprendrez à afficher un formulaire personnalisé ou un autre contenu web externe pendant la lecture d'une vidéo.

Le widget Formulaire personnalisé vous permet d'intégrer un formulaire provenant de n'importe quel système tel que Google Forms, Mailchimp, Typeform, Calendly, Eventbright et d'autres sur une vidéo. Le widget Formulaire personnalisé peut également être utilisé pour afficher du contenu web externe. Dans l'exemple suivant, un clic sur le texte d'appel à l'action ouvrira un formulaire au-dessus de la vidéo.

Préliminaires

Avant d'ajouter de l'interactivité à un lecteur, vous devez disposer d'un lecteur Brightcove compatible avec HapYak et vous assurer qu'un projet d'interactivité Brightcove a été créé. Pour plus d'informations sur la manière de procéder, voir la section Premiers pas avec l'interactivité.

Ajouter un widget de formulaire personnalisé

Le widget Formulaire personnalisé peut être utilisé pour afficher un formulaire pendant la lecture d'une vidéo. Pendant la lecture, un texte d'appel à l'action s'affiche et lorsqu'on clique dessus, le formulaire s'insère et s'affiche. L'utilisation d'un formulaire externe (comme un formulaire Google) présente l'avantage d'envoyer toutes les données soumises directement à ce système. Notez qu'aucune donnée soumise au formulaire n'apparaîtra dans les rapports d'interactivité standard de Brightcove, car elle est acheminée directement vers le système externe.

Pour ajouter un widget de formulaire personnalisé (cette rubrique utilise un formulaire Google) à un projet, procédez comme suit :

  1. Connexion à Brightcove Interactivity Studio.
  2. Dans la navigation de gauche, cliquez sur Gérer.
  3. Cliquez sur un projet pour l'ouvrir.
  4. Dans la barre d'outils inférieure, cliquez sur l'icône du widget.
  5. Clique le Formulaire personnalisé widget.
  6. Cliquez sur ADD. Le widget est ajouté au-dessus de la vidéo du projet.
  7. Cliquez sur le widget et faites-le glisser à l'endroit où vous souhaitez que le texte apparaisse sur la vidéo.
  8. Cliquez sur le lien Terminé dans le menu.
  9. Passez la souris sur le texte Your Text Here et cliquez sur CONFIGURE.
  10. Dans le SOURCE DU FORMULAIRE champ, collez l'URL du formulaire.
  11. Mettez à jour le texte du bouton, il s'agit du texte d'appel à l'action sur lequel l'internaute cliquera pour ouvrir le formulaire.
  12. Cliquez sur SAVE.
  13. Cliquez sur Modifier pour ouvrir l'éditeur.
  14. Clique le Heure de début menu.
  15. Saisir une heure de début en secondes, en pourcentage ou en format horaire. Cliquez sur SOUMETTRE.
  16. Cliquez sur l'icône de l'horloge pour définir la durée de la superposition. Cliquez sur SOUMETTRE.
  17. Cliquez sur Done.

Publiez la vidéo à l'aide du module médias et vérifiez que l'appel à l'action et le formulaire s'affichent.

Affichage d'une page web

Le widget Formulaire personnalisé peut également être utilisé pour afficher le contenu d'une autre page web. Les étapes sont les mêmes que pour l'ajout d'un formulaire, mais pour l'URL, utilisez l'URL de la page à afficher. Dans cet exemple, une page de Wikipedia s'affiche lorsque l'on clique sur le texte d'appel à l'action.

Affichage d'une page d'achat immédiat

Le widget Formulaire personnalisé peut également être utilisé pour afficher une page d'achat de type "acheter maintenant". Dans cet exemple, une page d'achat s'affiche lorsque l'on clique sur le texte d'appel à l'action.

Des astuces

  • L'utilisation d'un formulaire externe (comme Google Forms) avec cette annotation présente l'avantage d'envoyer toutes les données soumises directement à ce système. Notez qu'aucune donnée soumise au formulaire n'apparaîtra dans les rapports d'interactivité standard de Brightcove, car elle est acheminée directement vers le système externe.
  • Pensez à fixer l'heure de début à 5 ou 10 secondes (vers le début) et à fixer la durée jusqu'à la fin de la vidéo. Cela permettra à l'internaute de cliquer sur le CTA à n'importe quel moment de la vidéo tout en gardant le formulaire hors de vue jusqu'à ce que le CTA soit cliqué.