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를 제공하더라도 이미지가 충분히 크지 않으면 트위터가 자동으로 작은 버전으로 대체합니다.

더 좋은 방법은 코어에서 이미지 크기를 검증하여, 필요한 최소 크기에 따라 summary 또는 summary_large_image(최소 300x157)를 자동으로 사용하는 것입니다.

그것이 전혀 불가능하다면, 적어도 summary 대신 summary_large_image를 사용할 수 있는 옵션이 있다면 매우 기쁠 것입니다.

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])

우리는 트위터에 크게 의존하고 있으며, 참여도(engagement)를 위해 큰 카드 형식을 선호하기 때문입니다.

저는 Ruby에 아직 초보 수준이라, 올바른 방향으로의 작은 힌트라도 감사하겠습니다.

업데이트: 트위터에서 이미지가 작게 표시되는 문제를 해결하기 위해 코어를 패치하려는 분들을 위해 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

        # With and height available?

        # Use the correct scheme for opengraph/twitter image
        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?

        # Add opengraph & twitter tags
        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

하지만 앞으로는 이 기능을 위한 옵션이 제공되는 것이 더 좋겠습니다. 또한, 관리자가 "큰 트위터 요약 이미지 사용"이라는 새 설정을 선택할 경우, 코어가 트위터 이미지 최소 크기를 평가하여 summary_large_image 또는 summary(매우 작은 이미지의 경우)를 적용하도록 하는 것이 바람직합니다.

6개의 좋아요

현재 summary_large_image를 항상 표시하는 동작을 summary로 변경할 수 있는지 알고 싶습니다. 이 게시물을 찾았지만, 여기서는 그 반대 방향에 대한 질문인 것 같네요. 즉, 누군가가 이미 구현해 두었을 가능성이 있지만, 그 반대로 변경하는 것이 가능한지 궁금합니다. 관련 옵션이 있는지요? 관리자 설정을 찾아보았지만 발견하지 못했습니다.

1개의 좋아요

이 기능(항상 summary_large_image 사용)을 원하는 다른 분들을 위해 — @Terrapop의 코드를 가져와서 포함할 수 있는 플러그인으로 만들었습니다:

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

제가 정말 하고 싶은 것은 이 게시물에 첨부된 Github 카드와 유사한 것, 즉 특정 주제에 대해 동적 카드를 자동으로 생성하는 방법입니다. 현재 카드는 게시물 내 첫 번째 적절한 크기의 이미지를 사용합니다. 따라서 이미지로 시작하는 게시물을 만들면 해당 이미지가 사용되게 됩니다.

1개의 좋아요