【Chromeブラウザ】サイトに埋め込まれた「Twitterのツイートと画像」が正しく表示されない問題を解決した方法

私はChromebookなのでブラウザはChromeしか使えないのですが、

先日、このサイトで記事にメディア(画像)付きのツイートを埋め込んだところ「画像が表示されたり、表示されなかったり」という不具合が起こりました。

それだけではなく、解決法を探していて気づいたのですが「他サイトに埋め込まれてるツイートまでも正常に表示されていない」ことに気づきました。これまでこんなこと無かったのに。

昨日の夜にはちゃんと表示されていたのに、今朝になって確認してみると、画像が表示されていない、などと、表示が安定しませんでした。埋め込まれたTwitterが正しく表示されていないで「ただ単純に画像無しで、ツイート文言が引用タグで囲まれてる」状態でした。

(また、他の方が確認したところ、その方の環境では「ChromeブラウザとFirefoxで確認したところ、埋め込まれたツイートは正しく表示されていた」そうです。)

この方法を解決した方法をこの記事では紹介します。

スポンサーリンク
 

結論:Chromeアプリ「SimilarWeb」をOFFにしたら、正常に表示されるようになった

結論から言いますと、ChromeアプリのSimilarWebをOFFにしたところ、記事に埋め込まれたツイートが正しく表示されるようになりました。

それまでは、普通のツイートも、画像つきツイートも、正しく表示されず、ただ文言を引用タグで囲ったような状態でした。が、SimilarWebをOFFにしたら両方とも正常に表示されるようになりました。

なので、少なくとも私の環境では、ですが解決法はこれで終わりです。

次から、解決に至るまでの過程を紹介します。興味があれば参考にしてください。

解決に至るまでの経緯

1.まず試したこと2つ

記事に埋め込んだツイートが正常に表示されない問題を解決するために、次のことを試しました。

  • javaScriptのONの確認:javaScriptがOFFになってると埋め込んだツイートが正しく表示されないらしい
  • FlashのONの確認:これがOFFだとTwitterの動画がきちんと表示されないらしい

が、それでも記事に埋め込んだツイートが正しく表示されませんでした。

2.Chromeブラウザをリセットしたところ、ツイートが正常に表示されるようになった!

今度はChromeブラウザを初期状態にまでリセットしてみました。

※こうするとアプリが全てOFFになります。

参考にした記事)

そうして、ツイートを埋め込んだ記事を確認したところ・・、なんと正常に表示される!

スポンサーリンク

3.アプリを全てONにしたら、またも埋め込まれたツイートが正常に表示されない

「ふぅ、よかった〜」と思って、今まで使っていたアプリを全てONにしてみたら、今度は「埋め込まれたツイートが正常に表示されてないっ」ということを確認。

ということは、Chromeに導入して使ってたアプリが悪さをしたことになります。

4.SimilarWebをOFFにしたら、埋め込まれたツイートが正常に表示するようになった!

そこでアプリを1つ1つ、ON・OFFして試していったところなんと「SimilarWeb」が悪さをしていたようです。

SimilarWebをOFFにしたところ、記事に埋め込まれたツイートが正常に表示されるようになりました。

逆にSimilarWebをONにすると、埋め込まれたツイートが正しく表示されませんでした。

まとめ

SimilarWebは他サイトのアクセス数を知れるありがたいアプリですが、どうやってアクセス数を解析してるのか謎のようです。

なのでもしかしたら「その謎」の部分がChromeブラウザと相性が良くなかったのかもしれません。

ということで、少なくとも私の環境では「埋め込まれたツイートが正しく表示されない原因はSimilarWeb」でした。

SimilarWebをOFFにしたところ、記事に埋め込まれたツイート(画像つきも、そうでないモノも)が正常に表示されるようになりました。

もし同じ症状でしたら、参考になれば幸いです。

スポンサーリンク