Image du projet 'Front-office générique' téléversée
  1. Front-office générique
  2. FRONTGEN-124

Ajouter les propriétés og:image:width et height dans les meta pour avoir l'image lors du premier partage d'un lien ksup sur Facebook

XMLWordImprimable

    • Icon: Demande d'amélioration Demande d'amélioration
    • Résolution: Résolu
    • Icon: Mineur Mineur
    • branche 6.7, branche 6.8, 7.0.0-ALPHA-4
    • master, branche 6.7, branche 6.8

      Description

      Actuellement, lors du premier partage d'un lien ksup sur Facebook, l'image n'est pas affichée car le robot d'indexation de Facebook traite l'image de manière asynchrone. Au deuxième partage en revanche l'image est bien affichée.

      Exemple de lien de partage :
      https://www.facebook.com/sharer/sharer.php?s=100&u=https%3A%2F%2Fsciences.ulb.be%2Fprix-de-la-classe-des-sciences-2020

      Pour palier à ça deux solutions :

      • une pas pratique en précachant l'image grâce à ce lien : https://developers.facebook.com/tools/debug/
      • ou indiquer les propriétés suivantes dans le head de la page :
        <meta property="og:image:width" content="450"/>
        <meta property="og:image:height" content="298"/>
        

      Plus d'informations ici :
      https://stackoverflow.com/questions/17226392/share-on-facebook-thumbnail-not-showing-for-the-first-time
      https://developers.facebook.com/docs/sharing/best-practices

      Solution d'implémentation

      Dans :
      https://git.kosmos.fr/projects/TEMPLATE/repos/frontgen/browse/src/main/webapp/jsp/template/metatags.jsp

      Ajouter RessourceUtils.getHauteurPhoto et RessourceUtils.getLargeurPhoto :
      https://git.kosmos.fr/projects/KORE/repos/koreparent/browse/core/src/main/java/com/univ/objetspartages/util/RessourceUtils.java#273

      Pour ajouter ces propriétés.

            arnaud.oisel Arnaud OISEL [X] (Inactif)
            arnaud.oisel Arnaud OISEL [X] (Inactif)
            Votes:
            0 Voter pour ce ticket
            Gérer les observateurs:
            4 Démarre l'observation de ce ticket

              Création:
              Mise à jour:
              Résolue: