위쪽: 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를 제공하더라도 이미지가 충분히 크지 않으면 트위터가 자동으로 작은 버전으로 대체합니다.
더 좋은 방법은 코어에서 이미지 크기를 검증하여, 필요한 최소 크기에 따라 summary 또는 summary_large_image(최소 300x157)를 자동으로 사용하는 것입니다.
그것이 전혀 불가능하다면, 적어도 summary 대신 summary_large_image를 사용할 수 있는 옵션이 있다면 매우 기쁠 것입니다.
단순한 플러그인으로 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(매우 작은 이미지의 경우)를 적용하도록 하는 것이 바람직합니다.
현재 summary_large_image를 항상 표시하는 동작을 summary로 변경할 수 있는지 알고 싶습니다. 이 게시물을 찾았지만, 여기서는 그 반대 방향에 대한 질문인 것 같네요. 즉, 누군가가 이미 구현해 두었을 가능성이 있지만, 그 반대로 변경하는 것이 가능한지 궁금합니다. 관련 옵션이 있는지요? 관리자 설정을 찾아보았지만 발견하지 못했습니다.
이 기능(항상 summary_large_image 사용)을 원하는 다른 분들을 위해 — @Terrapop의 코드를 가져와서 포함할 수 있는 플러그인으로 만들었습니다:
- https://github.com/CubeCoders/discourse-twitter-large-card
제가 정말 하고 싶은 것은 이 게시물에 첨부된 Github 카드와 유사한 것, 즉 특정 주제에 대해 동적 카드를 자동으로 생성하는 방법입니다. 현재 카드는 게시물 내 첫 번째 적절한 크기의 이미지를 사용합니다. 따라서 이미지로 시작하는 게시물을 만들면 해당 이미지가 사용되게 됩니다.