Facebook Partager boîte de Dialogue ne permet pas d'afficher les vignettes d'un premier chargement

Je suis en utilisant le Facebook partager boîte de dialogue pour partager une url spécifique. Le lien partagé contient une image qui devrait faire partie de l'échange plus tard. La chose étrange, c'est qu'il fonctionne très bien sur les navigateurs mobiles. Mais le bureau navigateur ne charge pas l'image, à la première tentative. Un simple rafraîchissement de la fenêtre partage des corrections de l'image manquante. Une fois cette image montre pendant au moins un temps, il continue de travailler dans d'autres navigateurs sans recharge supplémentaire..

Donc ma question est: est-ce quelqu'un sait pourquoi le premier appel de cette url ne pas afficher les images?

Détails

Lien pour l'ouverture de la boîte de dialogue de partage

Voici la sortie de l'Facebook Débogueur, qui est exempt d'erreurs et affiche l'image en tant que bien.

Facebook sortie du débogueur

Mise à jour

Semble fonctionner avec l'Alimentation boîte de Dialogue sans aucun problème. Mais c'est une autre façon de partager que je voudrais éviter, car il nécessite un ID d'Application.

  • Bonjour, les causes sont peut-être à propos de la taille de l'image utilisée sous forme de vignettes les images à partager.
  • Avez-vous des détails à ce sujet?
  • Salut, jetez un oeil ici stackoverflow.com/questions/16846871/...
  • vérifiez également le document officiel ici developers.facebook.com/docs/reference/dialogs/feed
  • Comme je l'ai dit, le Flux Dialogue est travailler à trouver. Même si cela semble étrange, je crois que le Dialogue Partager est de ne pas attendre assez longtemps pour que le résultat de la requête initiale, pour obtenir les images de la page.
InformationsquelleAutor Sven Bluege | 2013-07-29
  1. 24

    J'ai rencontré ce problème et il s'avère que Facebook a un sans-papiers "fonctionnalité", probablement mis en œuvre pour l'optimisation. Il ne prend pas en charge votre image lors de la première action.

    Le bug description peut être trouvée ici:
    https://developers.facebook.com/bugs/657696104321030

    En bref, la solution est l'une des deux possibilités.

    1. Le plus simple est d'inclure og:image:largeur et og:image:hauteur de votre ogtags décrivant les pixels de largeur et hauteur de l'image. Étrangement, ce sera (par conception apparemment) convaincre Facebook de gratter immédiatement le site, notamment les images.

      <meta property="og:image" content="http://example.com/image.jpg"/ >

      <meta property="og:image:largeur" content="450"/>

      <meta property="og:image:hauteur" content="298"/>

    2. La seconde solution est de déclencher un coup de racloir manuellement via l'API. Je n'ai pas testé, mais c'est théoriquement possible. Voir pertinentes Stackoverflow discussion sur ce sujet.

    • Cela a réglé le problème pour moi. Ne peux pas croire que la fragilité de l'ensemble du Facebook de partage de l'installation. Même en 2015. Soupir...
    • Merci @Aron je viens de mettre la largeur et la hauteur, et il a travaillé, weeeird :O
    • Incroyable mec! Je cintrée jours sur cette chose, il a été me rend fou. Je n'ai jamais pensé que l'ajout de la largeur et la hauteur ai résolu le problème.
    • Ajout d'image de largeur et de hauteur a fonctionné pour moi.
    • Désolé, j'ai essayé avec ton code mais il ne fonctionne pas. Toute modification à cette époque? Merci.
    • Ce souffle mon esprit.

    InformationsquelleAutor Aron
  2. 2

    Facebook affiche une image de cache. Il n'est donc la première fois que l'action est soumise ou quand Facebook trouvés og:balise image sur votre page.

    Selon Facebook docs à https://developers.facebook.com/docs/sharing/best-practices#pre-cache-images

    "Certains de nos Plugins Sociaux d'afficher une image quand quelqu'un est en interaction avec eux. L'image est basée sur l'og:image sur la page, ou d'autres images sur la page si l'og:image n'est pas définie. Avant que le plugin social peut rendre une image Facebook du robot a qu'à voir l'image au moins une fois. Pour les sites où les pages changent fréquemment (par exemple, commerce électronique), la première personne qui clique sur ces plugins ne voyez pas une image rendue."

    InformationsquelleAutor SoHo
  3. 0

    J'ai trouvé un autre moyen de forcer le facebook robot pour vérifier la page avant de cliquer sur le bouton partager: il suffit d'inclure une iFrame masqué avec le fichier partagé facebook lien.

    Exemple:

    <iframe src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com" style="width: 0px; height: 0px; margin: 0px; padding: 0px;"></iframe>
    • La solution que vous suggérez pourrait aider à combler le racleur de cache, mais également une double charge de votre serveur.
    • Vous avez raison @sven Cela dépend de ce qui est votre but: par exemple, dans ce site: daysoldage.com chaque résultat est différent. Pour un blog, je vous suggère de ne pas utiliser cette astuce.
    InformationsquelleAutor Dan
  4. 0

    Je enfin, je crois que j'ai trouvé le problème. Les images que je veux partager sont livrés par un script PHP au lieu d'un fichier brut. Il semble être lié à la façon dont PHP fournit les images:

    Mauvais: 

    echo readfile($image_thumb_file);

    Bon:

    $fp   = fopen($image_thumb_file, "rb");
fpassthru($fp);

    Après avoir fait ce changement de mes images, enfin apparaître dans l'Facebook débogueur.

    InformationsquelleAutor Sven Bluege
  5. 0

    Vous pouvez aussi vérifier si og:image:width et og:image:height propriétés.

    Cela fonctionne pour moi.

    InformationsquelleAutor Pablo Barbie Fumarola