Comment Giphy partager des gifs à facebook? (2015, PAS PLUS FLASH)

Si je colle l'adresse URL suivante dans Facebook, je peux partager un gif animé. Ce n'est pas un film et pas de flash, Facebook prend désormais en charge les gif sans ces solutions de contournement. Je peux cliquer dessus pour faire une pause et il montre "GIF" dans un cercle, en pause.

http://giphy.com/gifs/hot-funny-cartoon-fBEDuhnVCiP16

Peu importe ce que je répliquer à partir de la page de balises meta je n'arrive pas à Facebook pour partager un gif animé former ma propre page. J'ai même été jusqu'à copier l'intégralité du code de la page et servir moi-même (Changement de <link et <meta property="og:url" pour correspondre à l'adresse de ma page).

Open Graph Objet Débogueur donne des résultats identiques pour les deux le réel Giphy page et ma réplique. Fait intéressant, l'aperçu de l'Objet du Débogueur est l'ancien style de film Flash pour les deux pages. Cependant, quand je colle le Giphy url dans mon Facebook, il montre les gif - mon relica montre le Flash.

Ne Giphy obtenir certains un traitement spécial de Facebook? Ai-je besoin de faire quelque chose de différent?

OriginalL'auteur Jake | 2015-07-04

  1. 23

    J'ai été capable de créer une .fichier html qui, lorsque le lien est collé comme un état, s'affiche comme une animation (et en boucle) le GIF dans le Facebook d'alimentation. Dans ma page html, j'utilise la suite des balises meta dans l'en-tête:

    <meta property="og:site_name"   content="Site Name">
<meta property="og:url"         content="url to GIF on web">
<meta property="og:title"       content="Title of GIF page">
<meta property="og:description" content="Some description">
<meta property="og:type"        content="video.other">
<meta property="og:image"       content="Same as og:url above">
<meta property="og:image:width"  content="800">
<meta property="og:image:height" content="400">

    La chose qui m'a donné mal quand je travaillais c'était la og:url de la propriété. Il doit pointer directement vers le GIF, pas la .fichier html que ces meta tags sont une partie de. Aussi, og:image doit être le même que og:url.

    Je n'ai pas testé si les propriétés width et height sont nécessaires.

    Ce doit être la accepté de répondre. L'og:image et og:url étant le même est ici essentielle.
    Si quelqu'un clique sur un lien, sont-ils pris directement la la gif ou à la page qui les contient?
    Pourriez-vous s'il vous plaît poster le lien à un fichier html?
    Si quelqu'un clique sur le GIF animé lien de FB nourrir, elles sont prises à la page qui les contient, pas le GIF animé lui-même.
    cela fonctionne, le GIF est en effet affiché comme un GIF dans l'alimentation. Cependant, Facebook tente d'obtenir toutes les autres balises meta de la GIF URL (dans mon cas une URL S3). En conséquence, fb:app_id et d'autres balises sont ignorés, et je ne peut pas suivre les interactions de l'utilisateur de mon application analytics. Toutes les idées sur la façon de résoudre ce problème?

    OriginalL'auteur

  2. 6

    Chef de produit pour la Giphy API de l'équipe ici. Pas de traitement spécial; je souhaite--dépôt des bugs avec Facebook prend une éternité.

    Le Flash tag est héritage et nous devons le nettoyer. FB n'est désormais en charge le format Gif et la réponse par vegashacker est essentiellement correcte.

    OriginalL'auteur

  3. 4

    Un point important dont les réponses ont manqué, comment faire des image GIF (si vous cliquez dessus) redirige vers l'article qui appartient au lieu de le GIF lien lui-même?

    Les pièces importantes sont:

    <meta property="og:image"  content="url/to/image.gif">
<meta property="og:url"    content="url/to/image.gif">
<meta property="og:url"    content="url/to/article">

    Ajouter deux og:url balises. Premier devrait être la même que og:image pointant vers le GIF URL de l'image. Second doit être l'URL de l'article.

    OriginalL'auteur

  4. 2

    En fait, j'ai regardé le code source, et je suis sûr à 99% qu'ils sont en fait la présentation d'une vidéo. Pour ce gif, il y a un certain nombre de open graph meta tags de la page:

     <meta property="og:type" content="video">
 <meta property="og:image" content="http://media.giphy.com/media/H2ANZTOXVepbO/giphy-facebook_s.jpg">
 <meta property="og:image:width" content="480">
 <meta property="og:image:height" content="270">
 <meta property="og:video" content="http://giphygifs.s3.amazonaws.com/swiphy20141103.swf?api_hostname=&amp;gif_url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.gif&amp;giphy_height=297&amp;video_url=http%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.mp4&amp;giphyWidth=400&amp;path=%2Fgifs%2Fstar-wars-80s-the-muppet-show-H2ANZTOXVepbO&amp;destination_url=http%3A%2F%2Fgiphy.com%2Fgifs%2FH2ANZTOXVepbO&amp;giphyHeight=297&amp;gif_id=H2ANZTOXVepbO&amp;mode=embed&amp;giphy_width=400">
 <meta property="og:video:secure_url" content="https://giphygifs.s3.amazonaws.com/swiphy20141103.swf?api_hostname=&amp;gif_url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.gif&amp;giphy_height=297&amp;video_url=http%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.mp4&amp;giphyWidth=400&amp;path=%2Fgifs%2Fstar-wars-80s-the-muppet-show-H2ANZTOXVepbO&amp;destination_url=http%3A%2F%2Fgiphy.com%2Fgifs%2FH2ANZTOXVepbO&amp;giphyHeight=297&amp;gif_id=H2ANZTOXVepbO&amp;mode=embed&amp;giphy_width=400">
 <meta property="og:video:type" content="application/x-shockwave-flash">
 <meta property="og:video:width" content="470">
 <meta property="og:video:height" content="297">

    et la plupart d'entre eux sont des balises vidéo. Ces balises sont associés à la page et pas un gif. Si vous partagez la ligne droite gif image, il ne sera alors pas les animer.

    Pour confirmer cela, si vous branchez la page dans le Facebook URL débogueur, alors cela peut être confirmé. Il n'y a pas de mystère, c'est partagé une vidéo flash.

    Certainement un gif. Je viens de poster sur mon facebook et de la page de inspecté le résultat dans google chrome dev tools. <img class="_9_m img" src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCBcGH6WvU_FUPB&amp;url=http%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.gif&amp;ext=gif" width="470" height="349" data-reactid=".18.0">
    Eh bien, oui et non (à ce sujet étant un gif). Ils sont en train de faire quelque étrangeté de chargement pour le gif via une animation Flash. Découvrez cette url: giphygifs.s3.amazonaws.com/...
    C'est l'url qui font référence à partir de leur og:video tag. Je pense qu'ils font des flash de programmation. Je crois que c'est le truc qu'ils utilisent: helpx.adobe.com/flash/kb/load-external-swf-swf.html
    Je sais que c'est ce regarde se produire à partir de la méta-tags. Mais lorsque vous la poster sur facebook, c'est un gif. C'est un img tag avec src="...safe_image.php..." et c'est cette url qui renvoie un gif avec content-type:image/gif
    Non, ils ne sont pas à l'affichage de " gif gif tags. Ils sont les publiant sous forme de vidéos. L'homme de Giphy l'a dit adweek.com/socialtimes/giphy-animated-gif-files/427540

    OriginalL'auteur

  5. 1

    J'ai travaillé sur cette question depuis un certain temps avec Facebook débogueur et trouvé comment poster swf, mais juste aujourd'hui, j'ai aussi réussi posté mon gif animé.

    J'ai simplement collé mon lien https://www.example.com/my.gif dans Facebook débogueur et il a dit ne pouvait pas trouver l'URL mais affiche amende de donner l'id de l'application nombre et puis je suis allé de l'avant et de les publier dans mon journal pour tous 🙂 Donc pas de html ou des balises pour parvenir à cela, mais simplement un lien sécurisé pour mon gif fichier sur mon serveur.

    Je n'ai jamais travailler sur la façon de l'obtenir via html intégré!

    OriginalL'auteur