リンク投稿時に表示される画像を更新するのに助けが必要

サポート
1

新しいブランディングを反映するように /admin/site_settings/category/branding のすべてのブランディングアイコンを更新しましたが、リンクを共有する (たとえば Slack など) と、古いロゴがまだ表示されます。この画像はどこで設定されているので、新しいブランディングを反映するように画像を更新できますか？

「いいね！」 1
2

Slackにリンクを投稿する際にどのアイコンが使用されているかを簡単に確認したところ、なぜかapple touch iconが使用されているようです（これについては制御できないと思います）ので、それを設定すると役立つかもしれません。もしそれが設定されていない場合は、large iconにフォールバックするようです。

image

すでに更新済みの場合、Slackはアイコンをキャッシュしている可能性があり、更新が表示されるまでに時間がかかるかもしれません。

3

うーん、確認したところ、apple touch icon が空白になっており、その下の discourse の注記には「空白のままにした場合、large_icon が使用されます。」と書かれています。画像は新しいロゴのぼやけた画像なので、それは正しいようです。
それをバックアップすると、ページの上部にある large_icon も空白のままになっており、その下の discourse の注記には「空白のままにした場合、logo_small が使用されます。」と書かれています。画像は上記と同じぼやけた画像なので、それも正しいようです。
ページ上部にある logo_small は新しいロゴで埋められており、上記のぼやけた画像はそれに一致しているので、それもすべて問題ないようです。
これらのブランディングの変更は数か月前に discourse で行われたため、slack で自動的に解決されるキャッシュの問題だとは思いません。slack の投稿以外で古いロゴが表示されたことがないか、内部で確認して、少なくとも discourse-slack 固有の問題かどうかを判断できるようにします。
それまでの間、ぼやけた画像が表示されているにもかかわらず、discourse が代替アイコンへのフォールバックに失敗している問題の可能性があると思いますか？

「いいね！」 1
4

ああ、それはキャッシュの可能性を排除しますね。

それが問題だとは思いませんが、テストしたときは機能しました。しかし、別のアプリの動作が関わる場合、これらの問題を完全にデバッグするのは困難です。

とりあえず apple touch icon を設定してみて、それで問題が解決するか試してみてください。

5

Slack限定の問題ではないことを特定できました。Post Inspector で、当社のDiscourseリンクの1つを入力すると、古いロゴが表示されます。

このサイトを使用すると、古いロゴが https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/standard10/uploads/[ourcompany]/original/1X/[randomfilename.png] から来ていることがわかります。

これはおそらくDiscourseが情報を保存するために使用しているもので、このキャッシュをクリアまたは更新する必要があるのではないでしょうか？

「いいね！」 1
6

リンクから、当社の公式ホスティングをご利用のお客様であることがわかります。サイトのテーマが、head ファイルに一部のメタ opengraph タグを手動で設定しているようです。これは不要な設定であり、古いロゴが参照されている箇所であると思われます。

/admin/customize/themes（「HTML/CSSの編集」内）にある head セクションからこれらのタグを削除すると、問題が解決するはずです。

「いいね！」 2
7

ありがとうございます、うまくいきました！
もし同じページ（admin/customize/themes/2）に画像をアップロードしたい場合、「HTML/CSSを編集」からヘッドセクションを編集できると推測します。もしそうなら、その行は次のように変わります。
<meta property="og:image" content="https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/standard10/uploads/[ourcompany]/original/1X/[rendomfilename.png]">
の代わりに、どのような行になりますか？