Как Giphy делится gif на facebook? (2015, НЕ ВСПЫШЕНА ЛЮБОЙ)

Если я вставляю следующий URL-адрес в Facebook, я могу поделиться анимированным gif. Это не фильм, а не flash, Facebook теперь поддерживает gifs без этих обходных решений. Я могу щелкнуть его, чтобы сделать паузу, и показывая "GIF" в круге во время паузы.

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

Независимо от того, что я реплицирую из метатег этой страницы, я не могу заставить Facebook делиться анимированной формой gif с моей собственной страницей. Я даже зашел так далеко, чтобы скопировать весь код этой страницы и обслуживать ее сам (изменение <link rel="canonical" и <meta property="og:url" в соответствии с моим URL-адресом).

Open Graph Object Debugger дает идентичные результаты как для реальной страницы Giphy, так и для моей реплики. Интересно, что предварительный просмотр в Object Debugger - это старинный Flash-ролик для обеих страниц. Однако, когда я вставляю Giphy url в свой Facebook, он показывает gif - моя реликвия показывает Flash.

У Гифи есть специальное лечение от Facebook? Нужно ли мне делать что-то другое?

Ответ 1

Мне удалось создать файл .html, который, когда ссылка вставлена как статус, отображается как анимационный (и циклический) GIF в фиде Facebook. На моей странице html я использую следующие метатеги в заголовке:

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

То, что вызвало у меня проблемы, когда я работал над этим, было свойством og:url. Он должен указывать непосредственно на GIF, а не на файл .html, в котором эти метатеги являются частью. Кроме того, og:image должен быть таким же, как og:url.

Я не тестировал, требуются ли свойства ширины и высоты.

Ответ 2

Менеджер продуктов для команды API Giphy. Никакого специального лечения; Я желаю - подача ошибок с Facebook занимает навсегда.

Тэг Flash является устаревшим, и мы должны его очистить. FB теперь поддерживает GIF, и ответ vegashacker по сути прав.

Ответ 3

На самом деле, я посмотрел их исходный код, и я на 99% уверен, что на самом деле они показывают видео. Для этот gif существует множество метатег открытых диаграмм, связанных со страницей:

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

и большинство из них - видео теги. Эти теги связаны со страницей, а не с gif. Если вы разделите прямое изображение gif, то оно не будет анимироваться.

Чтобы подтвердить это, если вы подключите страницу к отладчику URL-адреса Facebook, это можно подтвердить. Нет никакой тайны, это делится как флеш-видео.

Ответ 4

Я работал над этим некоторое время с отладчиком Facebook и нашел, как публиковать swf, но только сегодня я также успешно разместил свой анимированный gif.

Я просто вложил ссылку https://www.example.com/my.gif в отладчик Facebook и сказал, что не смог найти URL-адрес, но отображал точное количество идентификаторов приложения, а затем я пошел вперед и опубликовал на моей шкале времени все, чтобы увидеть:) Таким образом, нет html или тегов для достижения этого, а просто безопасная ссылка на мой файл gif на моем сервере.

Никогда не работал над тем, как это сделать через встроенный html!

Ответ 5

Важный момент, на который пропустили ответы, как сделать GIF-образ (если он нажат) перенаправляет на статью, которая принадлежит вместо самой GIF-ссылки?

Важными частями являются:

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

Добавьте два тега og:url. Первый должен быть таким же, как og:image, указывая на URL-адрес изображения GIF. Второй должен быть URL-адрес статьи.