Incorporer une vidéo, un réseau social et des iframes

Partagez des vidéos YouTube provenant d’un réseau social (Facebook ou Vimeo) et intégrez des iframes sur vos sites ou pages.

Afficher une vidéo

Ajoutez des fiches vidéo pour incorporer des vidéos YouTube, Vimeo ou Facebook.

Pour afficher une vidéo, procédez comme suit :

1. Ouvrez un site ou une page en mode de mise à jour.
2. Dans le volet Customize (Personnaliser), sélectionnez Layout (Mise en page).
3. Faites glisser une fiche Video (Vidéo) sur une ligne dans la mise en page.
4. Collez l’URL d’une vidéo de Facebook, de Vimeo ou de YouTube dans le champ Video link (Lien de la vidéo).
5. En fonction de la source vidéo, des options supplémentaires s’affichent et vous permettent de configurer l’affichage vidéo :
   • Pour les vidéos Facebook, saisissez un titre pour activer l’accessibilité, puis sélectionnez Show post text (Afficher le texte de la publication) afin d’afficher le nombre de mentions « J’aime », de commentaires, de partages et tout autre texte associé. Sélectionnez Show captions always (Toujours afficher les légendes) pour afficher les sous-titres des vidéos.
   • Pour les vidéos Vimeo, saisissez un titre pour activer l’accessibilité, puis sélectionnez Show Video Title (Afficher le titre de la vidéo), Show video owner (Afficher le propriétaire de la vidéo), Show video owner thumbnail (Afficher la miniature du propriétaire de la vidéo) et Loop video playback (Lecture vidéo en boucle).
   • Pour les vidéos YouTube, saisissez un titre pour activer l’accessibilité, puis sélectionnez Show YouTube Branding (Afficher la personnalisation YouTube)YouTube et Loop Video Playback (Lecture vidéo en boucle).
6. Sélectionnez Enregistrer.

Afficher un seul message Facebook ou X

Affichez une seule publication pour mettre en valeur un fait spécifique.

Pour afficher un seul message, procédez comme suit :

1. Ouvrez un site ou une page en mode de mise à jour.
2. Dans le volet Customize (Personnaliser), sélectionnez Layout (Mise en page).
3. Faites glisser une fiche Social media (Réseau social) sur une ligne dans la mise en page.
4. Dans le champ Post or Timeline Link (Lien vers un message ou une chronologie), collez l’URL d’un message partagé publiquement. Pour vous assurer que l’URL copiée est correcte, sélectionnez l’horodatage de la publication (date ou heure dans l’angle supérieur gauche de la publication), puis copiez la nouvelle URL dans le navigateur avant de revenir à la mise à jour du site.
5. Sélectionnez Enregistrer.

Afficher un élément Facebook ou X

Affichez une chronologie ou un événement Facebook ou X avec des options permettant d’envoyer un message, d’augmenter la taille de l’en-tête et d’inclure une photo de couverture.

Pour afficher une chronologie ou un événement, procédez comme suit :

1. Ouvrez un site ou une page en mode de mise à jour.
2. Dans le menu Customize (Personnaliser), sélectionnez Layout (Mise en page).
3. Faites glisser une fiche Social Media (Réseaux sociaux) sur une ligne existante.
4. Dans le champ Social media post URL (URL de publication sur les réseaux sociaux), collez l’URL d’une page Facebook partagée publiquement.
5. Vous pouvez également sélectionner le bouton bascule pour activer n’importe quelle combinaison des options suivantes :
   • Timeline (Chronologie) : permet à un visiteur de faire défiler les messages précédents.
   • Events (Événements) : permet d’afficher les événements de la page dans une vue Liste.

   Lorsque vous utilisez la fiche Social media (Réseaux sociaux), il se peut que vous constatiez un résultat inattendu avec le fil des événements Facebook. Pour en savoir plus, consultez l’article Social media cards and Facebook events issue.

   • Messages : permet à n’importe quel utilisateur d’envoyer un message à l’administrateur de la page Facebook via Facebook Messenger.
   • Use large header (Utiliser un grand en-tête) : permet d’augmenter la taille de l’en-tête de la page.
   • Show cover photo (Afficher la photo de couverture) : permet d’afficher la photo de couverture de la page.
6. Sélectionnez Enregistrer.

Intégrer un contenu à l’aide d’une fiche iframe

Vous pouvez utiliser une fiche iframe pour intégrer des ressources externes, telles qu’une application, une carte Web ou un tableau de bord en utilisant leur URL.

Conseil :

Les iframes sont idéaux pour afficher les tableaux de bord et les infographies. Pour les autres éléments, notamment les applications Web Experience Builder, les pages Insights, les cartes Web, les enquêtes et les récits, envisagez d’utiliser une fiche Gallery (Bibliothèque), une fiche Map (Carte), une fiche Application ou une fiche Survey (Enquête).

Pensez à n’utiliser que deux instances iframe maximum. La présence de trop nombreux iframes sur un site ou une page peut compromettre les performances d’affichage sur les appareils mobiles. Que vous utilisiez une fiche iframe ou une autre fiche, il est conseillé de n’afficher que 2 éléments clés au maximum pour une présentation plus claire et plus accessible. Essayez d’utiliser une fiche Bibliothèque pour les éléments restants.

Pour intégrer un contenu à l’aide d’une fiche iframe, procédez comme suit :

1. Ouvrez un site ou une page en mode de mise à jour.
2. Dans le volet Customize (Personnaliser), sélectionnez Layout (Mise en page).
3. Faites glisser une fiche iframe sur une ligne dans la mise en page.
4. Indiquez votre URL iframe et sélectionnez Apply (Appliquer).

   Conseil :

   Collez uniquement l’URL à intégrer, et non le code iframe d’un autre site Web (le domaine esri.com n’est pas pris en charge). Les URL des iframes en HTTP n’apparaissent pas dans le mode de mise à jour qui utilise le protocole HTTPS. Enregistrez et affichez votre site pour voir votre iframe.

5. Si l’application incorporée ne s’exécute pas correctement sur les petits appareils, fournissez une autre URL pour Mobile URL override (Remplacer l’URL mobile).
6. Utilisez le bouton bascule Hide On Mobile (Masquer sur mobile) si vous ne disposez pas d’une version mobile de l’application.
7. Activez le défilement en réglant l’option correspondante sur Auto.

   Conseil :

   Le défilement n’est pas toujours pertinent sur les appareils mobiles, car l’utilisateur n’est peut-être pas en mesure de survoler l’application. Assurez-vous qu’il est possible de faire défiler les iframes sur un appareil mobile avant d’appliquer les modifications.

8. Activez les boutons bascule Enable sharing (Activer le partage) et Button always visible (Bouton toujours visible), si nécessaire.
9. Indiquez la hauteur de votre iframe.
10. Saisissez un titre pour activer l’accessibilité.
11. Sélectionnez Enregistrer.