Wie funktioniert Giphy teilen gifs zu facebook? (2015, BLINKT NICHT MEHR)

Wenn ich fügen Sie die folgende URL in Facebook kann ich teilen, ein animiertes gif. Es ist nicht ein Film und kein flash, Facebook jetzt unterstützt gifs ohne diese workarounds. Ich kann darauf klicken, um zu pausieren und es zeigt, "GIF" in einem Kreis, wobei die Pause.

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

Egal was ich replizieren von dieser Seite die meta-tags habe ich nicht bekommen Facebook zu teilen, eine animierte gif-form meiner eigenen Seite. Ich bin sogar so weit gegangen, kopieren Sie den gesamten code der Seite und servieren Sie es selber (Ändern <link und <meta property="og:url" zu entsprechen meine url).

Open Graph Object Debugger gibt identische Ergebnisse für die realen Giphy Seite und meine Replik. Interessanterweise ist die Vorschau in den Objekt-Debugger ist der alte Stil Flash-Film für beide Seiten. Jedoch, wenn ich, fügen Sie den Giphy url in meine Facebook es zeigt die gif - meine relica zeigt die Flash.

Tun Giphy erhalten eine Besondere Behandlung von Facebook? Muss ich etwas anders machen?

InformationsquelleAutor der Frage Jake | 2015-07-04

  1. 21

    War ich in der Lage zu erstellen .html-Datei, die, wenn Sie auf den link eingefügt werden, als ein status, der zeigt, wie eine Animation (und Schleifen) GIF im Facebook-feed. In meiner html-Seite verwende ich die folgenden meta-tags im header:

    <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">

    Das Ding, das gab mir Mühe, wenn ich daran war die og:url Eigenschaft. Es sollte direkt auf die GIF nicht .html-Datei, die diese meta-tags sind ein Teil. Auch og:image sollten die gleichen sein, wie og:url.

    Ich nicht testen, ob die Eigenschaften Breite und Höhe erforderlich sind.

    InformationsquelleAutor der Antwort vegashacker

  2. 6

    Produkt-Manager für den Giphy API-team hier. Keine Sonderbehandlung; ich es wünschen-die bugs mit Facebook dauert ewig.

    Den Flash-tag ist Erbe, und wir sollten es sauber. FB jetzt unterstützt die GIFs und die Antwort von vegashacker ist im wesentlichen korrekt.

    InformationsquelleAutor der Antwort Tim Frietas

  3. 2

    Tatsächlich, ich schaute auf Ihre source-code, und ich bin mir zu 99% sicher, dass Sie tatsächlich sind, zeigt ein video. Für dieses gifgibt es eine Reihe von open graph meta-tags im Zusammenhang mit der Seite:

     <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">

    und die meisten von Ihnen sind video-tags. Diese tags sind im Zusammenhang mit der Seite und nicht gif. Wenn Sie teilen die gerade gif-Bild, dann wird es nicht animieren.

    Um dies zu bestätigen, wenn Sie stecken Sie die Seite in der Facebook URL debuggerdann kann dies bestätigt werden. Es ist kein Geheimnis, dieser ist freigegeben als ein flash-video.

    InformationsquelleAutor der Antwort thealmightygrant

  4. 2

    Einen wichtigen Punkt, die Antworten verpasst habe, wie man GIF-Bild (wenn angeklickt) leitet zu dem Artikel gehört, anstelle der GIF link selbst?

    Die wichtigsten Teile sind:

    <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">

    Fügen Sie zwei og:url - tags. Erste sollte die gleiche sein, wie og:image zeigen, um die GIF-Bild-URL. Zweitens sollte man die URL zu dem Artikel.

    InformationsquelleAutor der Antwort Mouneer

  5. 1

    Habe ich schon eine Weile mit dem Facebook debugger und gefunden, wie man post-swf, aber gerade heute habe ich auch erfolgreich gebucht, meine gif.

    Habe ich einfach meinen link eingefügt https://www.example.com/my.gif in Facebook debugger und es sagte konnte nicht finden, URL, aber feine Angabe von app-id-Nummer und dann ging ich weiter und habe in meiner timeline für alle zu sehen 🙂 Also ohne html-tags zu erreichen, sondern einfach einen sicheren link zu meiner gif-Datei auf meinem server.

    Habe ich niemals arbeiten Sie heraus, wie Sie erreichen es über html eingebettet!

    InformationsquelleAutor der Antwort cea

Schreibe einen Kommentar