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, connectez-vous à Portal for ArcGIS et cliquez sur Sites dans la page Overview (Vue d’ensemble) pour afficher la liste de vos sites.

Conseil :

Vous pouvez également mettre à jour un site en l’affichant dans un navigateur. Cependant, veillez à être connecté et cherchez le bouton de mise à jour à gauche de votre site.

Afficher des vidéos

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

1. Faites glisser une fiche Media (Contenu multimédia) dans une ligne existante.
2. Positionnez le curseur sur la fiche, puis cliquez sur le bouton des paramètres 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) 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. Cliquez sur Save (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éseau social) dans une ligne existante.
2. Positionnez le curseur sur la fiche, puis cliquez sur le bouton des paramètres pour passer en mode de mise à jour.
3. Dans le champ Social Media Post URL (URL d’une publication sur un réseau social), collez l’URL d’un message Facebook partagé publiquement. Pour vous assurer que l’URL copiée est correcte, cliquez sur 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 de votre site.
4. Vous pouvez également cliquer sur le bouton de bascule Show Post Text (Afficher le texte de la publication) pour afficher le texte associé à la publication.
5. Cliquez sur Save (Enregistrer).

Afficher un fil Facebook

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

1. Faites glisser une fiche Social Media (Réseau social) dans une ligne existante.
2. Positionnez le curseur sur la fiche, puis cliquez sur le bouton des paramètres pour passer en mode de mise à jour.
3. Dans le champ Social Media Post URL (URL d’une publication sur un réseau social), collez l’URL d’une page Facebook partagée publiquement.
4. Vous pouvez aussi cliquer sur le bouton de bascule de toute combinaison des options suivantes :
   • Timeline (Chronologie) : permet d’afficher un onglet Timeline (Chronologie) sous l’en-tête de la page. Cliquez sur cette option si vous souhaitez partager votre journal 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.
   • Messages : permet à tout utilisateur de saisir et d’envoyer un message à l’administrateur de la page Facebook via la messagerie de 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) donnant accès à la messagerie de Facebook.
   • Show Cover Photo (Afficher la photo de couverture) : permet d’afficher la photo de couverture de la page.
5. Cliquez sur Save (Enregistrer).

Afficher un seul tweet

Affichez un seul message Twitter pour mettre en valeur un tweet spécifique.

1. Faites glisser une fiche Social Media (Réseau social) dans une ligne existante.
2. Positionnez le curseur sur la fiche, puis cliquez sur le bouton des paramètres pour passer en mode de mise à jour.
3. Dans le champ Social Media Post URL (URL d’une publication sur un réseau social), collez l’URL d’un message Twitter partagé publiquement. Pour obtenir le lien vers un tweet en particulier, cliquez sur le bouton des options supplémentaires située dans l’angle supérieur droit du message et sélectionnez Copy Link to Tweet (Copier le lien du tweet).
4. Vous pouvez aussi cliquer sur le bouton de bascule de toute combinaison des options suivantes dans le menu Options :
   • Show Dark Theme (Afficher le thème foncé) : permet d’inverser la couleur de l’affichage.
   • Tweet Width (Largeur du tweet) : vous permet de choisir la taille d’affichage de votre publication, selon les options Small (Petite), Medium (Moyenne) ou Large (Grande).
5. Select Tweet Position (Sélectionner la position du tweet) : choisissez l’une des options d’alignement pour votre message - Left (Gauche), Center (Centrer) ou Right (Droite).
6. Cliquez sur Save (Enregistrer).

Afficher un fil Twitter

Affichez un fil Twitter avec défilement.

1. Faites glisser une fiche Social Media (Réseau social) dans une ligne existante.
2. Positionnez le curseur sur la fiche, puis cliquez sur le bouton des paramètres pour passer en mode de mise à jour.
3. Dans le champ Social Media Post URL (URL d’une publication sur un réseau social), collez l’URL d’un fil Twitter partagé publiquement.
4. Vous pouvez aussi cliquer sur le bouton de bascule de toute combinaison des options suivantes dans le menu Options :
   • Expanded Height (Hauteur étendue) : permet de présenter davantage d’éléments dans le fil Twitter.
   • Tweet Limit (Nombre limite de tweets) : permet de définir le nombre de tweets (jusqu’à 20) affichés dans votre fil.
   • Show Dark Theme (Afficher le thème foncé) : permet d’inverser la couleur de l’affichage.
   • Show Header (Afficher l’en-tête) : permet d’afficher un en-tête. De la même façon, sélectionnez Show Footer (Afficher le pied de page) pour afficher un pied de page.
   • Show Border (Afficher la bordure) : permet d’encadrer le fil d’actualité avec une bordure.
   • Show Background (Afficher l’arrière-plan) : permet de supprimer ou d’afficher l’arrière-plan.
5. Cliquez sur Save (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 via 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 et les story maps, envisagez d’utiliser une fiche de bibliothèque, une fiche de carte Web ou une fiche d’application.

Lorsque vous utilisez des iframes, n’hésitez pas à limiter le nombre d’instances à deux 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, l’affichage de 2 éléments clés maximum offre une conception plus claire et plus accessible. Pour les éléments restants, essayez d’utiliser une fiche de bibliothèque.

1. Faites glisser une fiche Iframe dans une ligne existante.
2. Positionnez le curseur sur la fiche, puis cliquez sur le bouton des paramètres pour passer en mode de mise à jour.
3. Indiquez votre URL iframe et la hauteur iframe. N’intégrez pas le code iframe provenant d'un autre site web. Collez uniquement dans l'URL que vous voulez intégrer.

   Remarque :

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

4. Ajoutez un titre à votre iframe.
5. 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 ne sera peut-être pas en mesure de survoler l’application s’il peut uniquement utiliser le défilement. Assurez-vous qu’il est possible de faire défiler les iframes sur les appareils mobiles avant de valider vos modifications.

6. Cliquez sur 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.

7. Cliquez sur Save (Enregistrer).