Discourseは、より大きく、より魅力的なTwitterカードを生成しません

貢献 特徴
1

image
image573×606 127 KB

上：Discourse が生成する、あまり魅力的ではない「ミニカード」の例。

下：正しい、大きな Twitter カード。

解決策:

core 内の…

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

を

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

に変更してください。

参考:

「いいね！」 3
2

@Terrapop さん、こんにちは

それは解決策だとは思えません。場合によっては画像が不適切なことがあります。特に、summary_large_image が不適切な画像と組み合わさると、非常に問題が大きくなります。

ユーザーが summary を summary_large_image に変更できるオプションを設けるのが良いかもしれません。

「いいね！」 3
3

私の場合、当アカウントでツイートするトピックに追加される画像が十分なサイズであることを確認しているため、そちらを選択します。AFAIK、summary_large_image を指定していても、十分なサイズの画像を提供しない場合、Twitter は自動的に小さなバージョンにフォールバックします。

さらに理想的なのは、コア機能で画像サイズを検証し、必要な最小サイズに応じて summary または summary_large_image（最小 300x157）を自動的に選択することです。

それが全く不可能な場合でも、少なくとも summary の代わりに summary_large_image を使用できるオプションがあれば、喜んで利用させていただきます。

「いいね！」 2
4

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]} mins 🕑")
          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 画像の最小サイズを評価して、管理者が新しい設定「大きな Twitter サマリー画像を有効化」を選択した場合に、summary_large_image または summary（非常に小さい画像の場合）を適切に選択できるようになればより良いと思います。

「いいね！」 6
Onebox Twitter embedding
5

現在の挙動である、常に summary_large_image を表示する設定を summary に変更することは可能でしょうか？関連する投稿を見つけましたが、それは逆の要望のようでした。誰かが実装したはずだとは思うのですが、逆の変更は可能でしょうか？オプションはありますか？管理設定を検索してみましたが、見つかりませんでした。

「いいね！」 1
6

これを望む他の人のために（常にsummary_large_imageを使用する） - @Terrapopのコードを基に、含めることができるプラグインを作成しました。

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

私が本当にやりたいのは、この投稿に添付されているGithubカードに似たもので、指定されたトピックの動的なカードを自動生成する方法です。現在、カードは投稿内の最初の適切なサイズの画像になります。したがって、画像で始まる投稿を作成すると、それが使用されることになります。

「いいね！」 1