![](/img/trans.png)
[英]How Giphy share differently gif animation on Facebook than my site?
[英]blogger sharing animation gif on facebook not working
我正在嘗試在我的博文中添加 gif,並希望通過外部鏈接將動畫 gif 分享給 Facebook。 我面臨的問題是博主正在為 og:image 屬性生成自定義縮略圖。 相反,我想使用應該在 Facebook 上共享的 gif 的 CDN 鏈接。
這是我的帖子:我想使用這個 url 而不是自動生成的縮略圖。
<img src ="https://thumbs.gfycat.com/QualifiedHilariousBufflehead-size_restricted.gif">
這是我的 header 代碼
<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 => p.featuredImage) map (p => 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" />
嘗試刪除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 => p.featuredImage) map (p => 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>
我認為它不能使用博客來完成。 正如我看到在 facebook 上共享一個可播放的 GIF 從您共享的鏈接打開的圖形標簽應該是這樣的:
og:image:GIF 文件的鏈接
og:url: 來自 og:image 的相同鏈接
所以在博客中你不能這樣做,除非我猜你把所有的 GIF 圖像都存儲在一個與你的博客域相同的子域中
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.