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

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

Pour commencer, les membres de l’équipe du site ou de l’initiative peuvent se connecter à ArcGIS Hub et sélectionner Sites sur la page Overview (Vue d’ensemble) pour afficher la liste des sites. Si l’organisation possède une licence ArcGIS Hub Premium, les sites de l’initiative se trouvent sous Initiatives sur la page Overview (Vue d’ensemble).

Conseil :

Vous pouvez également mettre à jour un site en l’affichant dans un navigateur. Veillez à vous connecter à ArcGIS Hub et recherchez le bouton de mise à jour figurant à gauche du site.

Afficher des vidéos

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

1. Faites glisser une fiche Video (Vidéo) sur une ligne existante.
2. Positionnez le curseur sur la fiche et sélectionnez le bouton de mise à jour pour passer en mode de mise à jour.
3. Collez l’URL d’une vidéo de Facebook, de Vimeo ou de YouTube dans le champ Video URL (URL de la vidéo).
4. 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, 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, 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, sélectionnez Show YouTube branding (Afficher la personnalisation YouTube)YouTube et Loop video playback (Lecture vidéo en boucle).
5. Cliquez sur le bouton de copie en regard du champ Video URL (URL de la vidéo) pour enregistrer le lien dans le Presse-papiers afin de pouvoir le réutiliser ailleurs dans l’application.
6. Sélectionnez Enregistrer.

Partager une seule publication Facebook

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

1. Faites glisser une fiche Social Media (Réseaux sociaux) sur une ligne existante.
2. Positionnez le curseur sur la fiche et sélectionnez le bouton de mise à jour pour passer en mode de mise à jour.
3. Dans le champ Social media post URL (URL de publication sur les réseaux sociaux), collez l’URL d’une publication Facebook partagée 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.
4. Vous pouvez également sélectionner le bouton bascule Show post text (Afficher le texte de la publication) pour afficher le texte associé à la publication.
5. Sélectionnez Enregistrer.

Afficher un journal Facebook ou X

Affichez un journal, un événement ou un message Facebook pour élargir votre champ d’exploration.

1. Faites glisser une fiche Social Media (Réseaux sociaux) sur une ligne existante.
2. Cliquez sur n’importe quelle partie de la fiche pour passer en mode de mise à jour.
3. 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.
4. Vous pouvez également sélectionner le bouton bascule pour activer n’importe quelle combinaison des options suivantes :
   • Timeline (Chronologie) : permet d’afficher un onglet Timeline (Chronologie) sous l’en-tête de la page. Sélectionnez cette option si vous souhaitez partager la chronologie en même temps que des événements ou des messages.
   • 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 de saisir et 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 et d’y ajouter un bouton Send message (Envoyer un message) qui donne accès à Facebook Messenger.
   • Show cover photo (Afficher la photo de couverture) : permet d’afficher la photo de couverture de la page.
5. 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 story maps, envisagez d’utiliser une fiche Gallery (Bibliothèque), une fiche Web map (Carte Web), 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.

1. Ajoutez une fiche Iframe sur une ligne existante.
2. Indiquez votre URL iframe et la hauteur iframe. N’intégrez pas le code iframe d’un autre site Web. Collez uniquement dans l’URL que vous voulez intégrer. Le domaine esri.com n’est pas pris en charge.

   Remarque :

   Pour vous assurer que le contenu est correctement rendu, même si l’URL principale échoue sur les appareils plus petits, vous pouvez indiquer une URL secondaire dans le champ Mobile URL override (Remplacer l’URL mobile).

3. Ajoutez un titre à votre iframe.
4. 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.

5. Sélectionnez Apply (Appliquer).

   Remarque :

   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.

6. Sélectionnez Enregistrer.