スリ飯屋MaLankaのフリーエンジニアな日々

このブログでは、フリーランス5期目となる自身の実体験から、フリーランスエンジニアになるためのノウハウ、ブログや沖縄移住、スリランカの最新情報について発信します。

【OGP設定】facebookシェア時のog:imageの設定が反映されない!

※記事内に提携先企業のアフィリエイト広告(リンク、バナー等)、Google広告を含む場合があります

【OGP設定】facebookシェア時のog:imageの設定が反映されない!




背景

herokuにRailsアプリをデプロイし、facebookシェアボタンを設置。

が、シェア時のogp画像が上手く表示されない。

色々調べていると、

Dynoに書き込まれたファイルはアイドル状態、または再起動したときに消えてしまいます。永続化したいファイルはS3などのファイルストレージに保存しておきましょう。

という記事を発見。 知っておきたい!Herokuを使う上では当たり前?の16の常識 | mah365

S3にUPして、そのURLを参照させたら上手くいきました。

アプリ内の画像パスを参照しても動かないというオチでした。

お気をつけを。。

S3導入参考 【Rails】Herokuで画像を投稿できるようにする方法(ActiveStorage + Amazon S3) - Qiita

facebookシェア公式ドキュメント https://developers.facebook.com/docs/sharing/webmasters/?locale=ja_JP

ogpデバッガーツール https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Ftechnews-app.herokuapp.com%2F