gpt4 book ai didi

ruby-on-rails - 在社交媒体 Ruby On Rails 上分享链接时的小预览

转载 作者:行者123 更新时间:2023-12-04 06:18:15 26 4
gpt4 key购买 nike

我在一个前端位于 angularjs 的站点上工作和后端在 ROR , 同 ROR API用于 android app还 。现在我这里有一个情况。我需要在社交媒体上分享我的网站帖子,例如 facebook , twittergoogle plus .与单个帖子的链接一起应该有一个 small preview也(在发布之前爬行的帖子的预览,例如在 facebook 中)。我使用 angular Plugins 做到了。但是在Android方面,他们分享的内容和在Facebook上显示的内容只是链接。然后我做了一些研发,我知道它必须在服务器端完成,使用 social media meta tags .我做了一点,但仍然没有效果。我坚持下去了。以下是我到目前为止所做的。

 def show
@post = Post.find_by_permalink(params[:id])
respond_to do |format|
format.html
format.js
end
end

在我的意见posts/show.html.erb
<!DOCTYPE html>
<html>
<head>
<title> Shared Question</title>

<meta property="og:title" content="My Page" />
<meta property="og:description" content="A description of my page." />
<meta property="og:image" content="http://www.example.com/images/my_lovely_face.jpg" />
<!-- etc. -->
</head>
<body>
Here is the body
</body>
</html>

每当某些用户在任何媒体上分享我的网络帖子链接时,我只需要显示一个小预览

最佳答案

您是对的,您需要为自定义的社交共享功能实现特殊的开放图(和其他)标签。

请记住,例如facebook 将缓存您的页面。

所以你可以试试https://developers.facebook.com/tools/debug/在不缓存的情况下测试您的代码 - 代码本身看起来不错。

示例代码:

将此代码放在 <head> 之间和 </head>与您的其他元标记。

<meta property="og:title" content="Title">
<meta property="og:site_name" content="Name">
<meta property="og:url" content="URL">
<meta property="og:description" content="Description Text">
<meta property="og:type" content="article">

<!--- network Specific -->
<meta property="fb:app_id" content="AppID">
<meta name="twitter:card" content="app">
<meta name="twitter:site" content="@FernerJohannes">

如果你想专门针对 Twitter,这里是他们的卡片指南:
https://dev.twitter.com/cards/getting-started

您可能还想结帐: Open Graph validation for HTML5

关于ruby-on-rails - 在社交媒体 Ruby On Rails 上分享链接时的小预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36232662/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com