Discourse 不会生成更大、更具吸引力的 Twitter 卡片

上方:Discourse 生成的所谓“迷你卡片”效果不佳,缺乏吸引力。

下方:正确的大尺寸 Twitter 卡片。

解决方案:

请将…

<meta name="twitter:card" content="summary" />

修改为

<meta name="twitter:card" content="summary_large_image">

在核心代码中进行此更改。

参考:

3 个赞

你好 @Terrapop

我不认为这是一个解决方案。有时图片质量不佳。而带有 summary_large_image 的低质量图片尤其糟糕。

或许可以提供一个选项,让用户将 summary 更改为 summary_large_image

3 个赞

就我而言,我会选择这样做,因为我们确保发布到推文主题中的图片尺寸足够大。据我所知,即使提供了 summary_large_image,如果您未提供足够大的图片,Twitter 也会自动回退到小尺寸版本。

更好的做法是由核心功能验证图片尺寸,并根据所需的最小尺寸自动使用 summarysummary_large_image(最小 300x157 像素)。

如果完全无法实现这一点,我至少希望能有选择使用 summary_large_image 而非 summary 的选项。

2 个赞

是否可以通过一个简单的插件来覆盖 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_imagesummary(针对非常小的图片),前提是管理员启用了新设置:“启用大型 Twitter 摘要图片”。

6 个赞

我想知道是否可以将当前始终显示 summary_large_image 的行为改为 summary?我找到了这篇帖子,但看起来它是询问相反的情况——所以我猜应该有人已经实现了这个功能……不过,反过来操作是否可行?有相关选项吗?我尝试在管理设置中搜索,但没找到。

1 个赞

对于其他想要此功能(始终使用 summary_large_image)的人来说,我已经采用了 @Terrapop 的代码并将其制成了一个您可以包含的插件:

- https://github.com/CubeCoders/discourse-twitter-large-card

真正想做的是类似您在此帖子中看到的 Github 卡片的功能,一种为给定主题自动生成动态卡片的方法。目前,卡片将是帖子中的第一张尺寸合适的图片。因此,如果您创建的帖子以图片开头,它将使用该图片。

1 个赞