Как 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=&gif_url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.gif&giphy_height=297&video_url=http%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.mp4&giphyWidth=400&path=%2Fgifs%2Fstar-wars-80s-the-muppet-show-H2ANZTOXVepbO&destination_url=http%3A%2F%2Fgiphy.com%2Fgifs%2FH2ANZTOXVepbO&giphyHeight=297&gif_id=H2ANZTOXVepbO&mode=embed&giphy_width=400">
<meta property="og:video:secure_url" content="https://giphygifs.s3.amazonaws.com/swiphy20141103.swf?api_hostname=&gif_url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.gif&giphy_height=297&video_url=http%3A%2F%2Fmedia.giphy.com%2Fmedia%2FH2ANZTOXVepbO%2Fgiphy.mp4&giphyWidth=400&path=%2Fgifs%2Fstar-wars-80s-the-muppet-show-H2ANZTOXVepbO&destination_url=http%3A%2F%2Fgiphy.com%2Fgifs%2FH2ANZTOXVepbO&giphyHeight=297&gif_id=H2ANZTOXVepbO&mode=embed&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-адрес статьи.
