ケメ堂note (てがろぐtest)

お知らせ・長文・なんか用 (デザイン仕様よく変わります)

投稿フォーム

管理用ページ / 下書きリスト / 管理画面

No.63

Twitterツイートが表示しないエラーを解決した

このてがろぐは長文が多いため、1記事につき先頭から6行だけを表示してそれ以降を読むには「全文を読む」をクリックしてもらうような作りになっている。

しかし、新しい記事(上の方にある記事)の中にTwitterの埋め込みがあると、古い・その下の記事のTwitterの埋め込みが「ツイート埋め込み処理中」のまま読み込まない事例が発生してしまった…

こんなかんじ
こんなかんじ


そんなエラー聞いたことないぞと思ってググったら、てがろぐ本家に気になる記事が。
https://www.nishishi.com/blog/2020/07/twitter_no_a...
ツイート本文は(Twitter側のJavaScriptが処理してくれるまでは)読めないので、ツイートが埋め込まれるまでの待ち時間中には何も表示されません。
(中略)待ち時間に何も表示されないのもどうかと思いましたので、代わりに「(ツイート埋め込み処理中)」という文字列を表示するように出力させることにしました。
また、何らかの原因でJavaScriptが実行されなかった場合のために、ツイートへのURLを「tweet」という文字列でリンクにしてあります。それなら最悪でもユーザがクリックすれば当該ツイートを読めますから。


あれ?この状態じゃね?

理由はわからんがTwitter側のJavaScriptが読み込めてないんかねえ…と思ったので「skin-cover.html」にそれっぽい一文を追加

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


なんだかわからんが表示できたー
2025.01.27_00.57.40.jpg

ほんとになんだかわからんが…

■お知らせ:

デザイン試行錯誤中なので表示がおかしかったりします。ご了承ください。

■カレンダー

2025年1月
sunmontuewedthufrisat
1234
567891011
12131415161718
19202122232425
262728293031

■新着画像リスト:

■全文検索:

ギャラリーモード /// 画像一覧モード

ケメ堂noteTOP /// ケメ堂本舗 / kemedo.kirara.stへ戻る

arrow_upward arrow_downward