上方:Discourse 生成的所谓“迷你卡片”效果不佳,缺乏吸引力。
下方:正确的大尺寸 Twitter 卡片。
解决方案:
请将…
<meta name="twitter:card" content="summary" />
修改为
<meta name="twitter:card" content="summary_large_image">
在核心代码中进行此更改。
参考:
上方:Discourse 生成的所谓“迷你卡片”效果不佳,缺乏吸引力。
下方:正确的大尺寸 Twitter 卡片。
解决方案:
请将…
<meta name="twitter:card" content="summary" />
修改为
<meta name="twitter:card" content="summary_large_image">
在核心代码中进行此更改。
参考:
你好 @Terrapop
我不认为这是一个解决方案。有时图片质量不佳。而带有 summary_large_image 的低质量图片尤其糟糕。
或许可以提供一个选项,让用户将 summary 更改为 summary_large_image。
就我而言,我会选择这样做,因为我们确保发布到推文主题中的图片尺寸足够大。据我所知,即使提供了 summary_large_image,如果您未提供足够大的图片,Twitter 也会自动回退到小尺寸版本。
更好的做法是由核心功能验证图片尺寸,并根据所需的最小尺寸自动使用 summary 或 summary_large_image(最小 300x157 像素)。
如果完全无法实现这一点,我至少希望能有选择使用 summary_large_image 而非 summary 的选项。
是否可以通过一个简单的插件来覆盖 def crawlable_meta_data 的行为?
特别是,我们希望将以下代码:
elsif opts[:image].present?
result << tag(:meta, name: 'twitter:card', content: "summary")
result << tag(:meta, name: "twitter:image", content: opts[:image])
修改为:
elsif opts[:image].present?
result << tag(:meta, name: 'twitter:card', content: "summary_large_image")
result << tag(:meta, name: "twitter:image", content: opts[:image])
因为我们非常依赖 Twitter 的大卡片来提升参与度。
我对 Ruby 还不太熟悉,任何指向正确方向的建议都将不胜感激。
更新:以下是那些因 Twitter 上图片太小而希望修补核心代码的人所需的 plugin.rb 文件:
after_initialize do
reloadable_patch do |plugin|
ApplicationHelper.module_eval do
def crawlable_meta_data(opts = nil)
opts ||= {}
opts[:url] ||= "#{Discourse.base_url_no_prefix}#{request.fullpath}"
if opts[:image].blank?
twitter_summary_large_image_url = SiteSetting.site_twitter_summary_large_image_url
if twitter_summary_large_image_url.present?
opts[:twitter_summary_large_image] = twitter_summary_large_image_url
end
opts[:image] = SiteSetting.site_opengraph_image_url
end
# 是否有宽度和高度可用?
# 为 opengraph/twitter 图片使用正确的协议
opts[:image] = get_absolute_image_url(opts[:image]) if opts[:image].present?
opts[:twitter_summary_large_image] =
get_absolute_image_url(opts[:twitter_summary_large_image]) if opts[:twitter_summary_large_image].present?
# 添加 opengraph 和 twitter 标签
result = []
result << tag(:meta, property: 'og:site_name', content: SiteSetting.title)
if opts[:twitter_summary_large_image].present?
result << tag(:meta, name: 'twitter:card', content: "summary_large_image")
result << tag(:meta, name: "twitter:image", content: opts[:twitter_summary_large_image])
elsif opts[:image].present?
result << tag(:meta, name: 'twitter:card', content: "summary_large_image")
result << tag(:meta, name: "twitter:image", content: opts[:image])
else
result << tag(:meta, name: 'twitter:card', content: "summary")
end
result << tag(:meta, property: "og:image", content: opts[:image]) if opts[:image].present?
[:url, :title, :description].each do |property|
if opts[property].present?
content = (property == :url ? opts[property] : gsub_emoji_to_unicode(opts[property]))
result << tag(:meta, { property: "og:#{property}", content: content }, nil, true)
result << tag(:meta, { name: "twitter:#{property}", content: content }, nil, true)
end
end
if opts[:read_time] && opts[:read_time] > 0 && opts[:like_count] && opts[:like_count] > 0
result << tag(:meta, name: 'twitter:label1', value: I18n.t("reading_time"))
result << tag(:meta, name: 'twitter:data1', value: "#{opts[:read_time]} 分钟 🕑")
result << tag(:meta, name: 'twitter:label2', value: I18n.t("likes"))
result << tag(:meta, name: 'twitter:data2', value: "#{opts[:like_count]} ❤")
end
if opts[:published_time]
result << tag(:meta, property: 'article:published_time', content: opts[:published_time])
end
if opts[:ignore_canonical]
result << tag(:meta, property: 'og:ignore_canonical', content: true)
end
result.join("\n")
end
end
end
end
但更好的情况是,未来能够提供一个选项,并且核心代码能够根据 Twitter 的最小图片尺寸评估是否使用 summary_large_image 或 summary(针对非常小的图片),前提是管理员启用了新设置:“启用大型 Twitter 摘要图片”。
我想知道是否可以将当前始终显示 summary_large_image 的行为改为 summary?我找到了这篇帖子,但看起来它是询问相反的情况——所以我猜应该有人已经实现了这个功能……不过,反过来操作是否可行?有相关选项吗?我尝试在管理设置中搜索,但没找到。
对于其他想要此功能(始终使用 summary_large_image)的人来说,我已经采用了 @Terrapop 的代码并将其制成了一个您可以包含的插件:
- https://github.com/CubeCoders/discourse-twitter-large-card
我真正想做的是类似您在此帖子中看到的 Github 卡片的功能,一种为给定主题自动生成动态卡片的方法。目前,卡片将是帖子中的第一张尺寸合适的图片。因此,如果您创建的帖子以图片开头,它将使用该图片。