博主在 Facebook 上分享动画 gif 不起作用答案

【问题标题】：blogger sharing animation gif on facebook not working博主在 Facebook 上分享动画 gif 不起作用
【发布时间】：2020-10-18 14:46:15
【问题描述】：

我正在尝试在我的博文中添加 gif，并希望通过外部链接将动画 gif 分享到 Facebook。我面临的问题是博主正在为 og:image 属性生成自定义缩略图。相反，我想使用应该在 Facebook 上共享的 gif 的 CDN 链接。

这是我的帖子：我想使用这个 url 而不是自动生成的缩略图。

  <img src ="https://thumbs.gfycat.com/QualifiedHilariousBufflehead-size_restricted.gif">

这是我的标题代码

<meta content="https://gifs.blogspot.com" name="og:site_name " />
<meta expr:content="data:view.title.escaped" property="og:title" />
<meta expr:content="data:view.description.escaped" property="og:description" />
<b:if cond="data:view.featuredImage">
  <meta
    expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")'
    property="og:image"
  />
  <b:elseif cond="data:widgets" />
  <b:loop
    reverse="true"
    values="data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)"
    var="imageUrl"
  >
    <meta
      expr:content='resizeImage(data:imageUrl, 1200, "1200:630")'
      property="og:image"
    />
  </b:loop>
  <b:elseif cond="data:blog.postImageUrl" />
  <meta
    expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")'
    property="og:image"
  />
</b:if>
<meta
  content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
  name="viewport"
/>
<title><data:view.title.escaped/></title>
<b:include data="blog" name="all-head-content" />

【问题讨论】：

标签： facebook-opengraph blogger blogger-dynamic-views

【解决方案1】：

尝试删除resize操作符

<b:if cond="data:view.featuredImage">
  <meta
    expr:content='data:view.featuredImage'
    property="og:image"
  />
  <b:elseif cond="data:widgets" />
  <b:loop
    reverse="true"
    values="data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)"
    var="imageUrl"
  >
    <meta
      expr:content='data:imageUrl'
      property="og:image"
    />
  </b:loop>
  <b:elseif cond="data:blog.postImageUrl" />
  <meta
    expr:content='data:blog.postImageUrl'
    property="og:image"
  />
</b:if>

【讨论】：

【解决方案2】：

我认为这不能使用博客来完成。正如我看到从您共享的链接在 facebook 上共享可播放的 GIF 一样，打开的图形标签应该是这样的：

og:image: GIF 文件的链接

og:url: 来自 og:image 的相同链接

所以在博客中你不能这样做，除非我猜你将所有 GIF 图像存储在与你博客相同域的子域中

【讨论】：