ワードプレス ツイート埋め込み 正常に表示されない

20200209アイキャッチ ワードプレス

昨日のブログを書いている最中、twitterのツイート埋め込みが正常に表示されないことに気づきました。

バレンタインスイーツ サタデープラス 王様のブランチ | 気ニナル身ニナルうぇぶのぉと

半日かけて調べた結果なんとか解決しましたので、

  1. ツイートが埋め込みでなく引用の形に表示される
  2. ツイートが表示されない一般的な原因
  3. かんたんリンクとSNS埋め込みは同居できない
  4. ツイッター埋め込みが正常に表示できないときの対処法をもうひとつ
  5. 最後に
      1. 船橋屋 和のスイーツあれこれ
        1. 【送料込み】【REBIRTH】 船橋屋 くず餅 乳酸菌 カプセル 90粒×2個【植物性ラクトバチルス
        2. セシボン-C'estsibon-バターサンド-はね駒12枚入【焼き菓子】【詰め合わせ】【フルーツサン
        3. 船橋屋-瀬止凡-「彩」上生菓子12個入 お中元 七夕 お盆 帰省 帰省暮 お土産 初節句 お返し 上
        4. セシボン-C'estsibon-バターサンド-はね駒【焼き菓子】【フルーツサンド】【バタークリームサ
        5. 船橋屋-瀬止凡-「彩」上生菓子5個入【和菓子】【生菓子】【内祝】【初節句】【お返し】【船橋屋】【瀬止
        6. 船橋屋 瀬止凡-松川浦-10個入【あす楽対応】【楽ギフ_包装】【楽ギフ_のし宛書】【常温or冷蔵】
        7. 【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ10個入
        8. 【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ5個入 バ
        9. セシボン-C'estsibon-プチケーキ5個入 タルト 洋菓子 お菓子 プチフール プチタルト ケ
        10. 【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ15個入

ツイートが埋め込みでなく引用の形に表示される

ワードプレスではツイートのURLか、埋め込みコードを記載すればツイッターのツイートが埋め込まれます。下のような感じですね。

埋め込みは今回が初めてではなく、過去にも何度か行っています。

黒電話の感触 | 気ニナル身ニナルうぇぶのぉと

昨日の記事を書いている途中で下書きをプレビューすると、ツイート埋め込み部分が

ツイート埋め込み正常でない1

と、blockquoteタグで囲んだ時の表示になり、ツイートの中に含まれる画像もurlのみ表示されました。

ツイートが表示されない一般的な原因

ワードプレス、ツイッター 埋め込み 表示できない、4語で検索してわかったことは、原因として考えられることとして次の要因があること。

  • プラグインが悪さをしている
  • JavaScriptが有効になっていない
  • 追加したCSSが悪さをしている

プラグインについてはAKISMETやCLASIC EDITORなど定番プラグインは除いてすべて停止し、キャッシュをクリアしてみましたが解決しません。追加CSSもすべてクリアしてみましたが変化はありません。JavaScriptも一応確認しましたがこれも問題ありません。

これら検索した原因について、初めて埋め込みしてうまくいかなかったのであれば一因になるのでしょうが、当サイトの場合、先述の通り過去に埋め込みをしており、それは普通に表示されます。

試しに今回うまく表示できなかったツイートの埋め込みコードを、過去記事に貼り付けてプレビューしてみるとしっかり表示されます。

かんたんリンクとSNS埋め込みは同居できない

ツイート埋め込み正常でない2

上はツイートがうまく表示されないプレビュー画面の一部ですが、amazonや楽天で商品を見るリンクを試しに消してプレビューしました。すると、うそのようにしっかりと表示されるようになりました。

この商品リンクは、もしもアフィリエイトの「かんたんリンク」で作成したものですが、JavaScriptが使われています。これが悪さをしていたようです。ちなみにインスタグラムの埋め込みもやはり正常に表示されませんでした。

昨日公開した記事の最後の方に当該のかんたんリンクを貼り付けましたが、この場合は見てわかるように正常に表示されます。ちなみに下の画像は記事の一番最後にかんたんリンクを張ったときのプレビュー画面のキャプチャーです。

ツイート埋め込み正常

かんたんリンクを試しに中間くらいに貼ってみると、SNSの埋め込みすべての表示ができなくなりました。下の画像はかんたんリンクの上の埋め込みが正常に表示されないことを示しています。

ツイート埋め込み正常でない3

ツイッター埋め込みが正常に表示できないときの対処法をもうひとつ

これはワードプレスにツイートのurlを記載したときに限ることですが、ツイッターの埋め込みが正常に表示されないときの対処方法として、次の方法があることを知りました。

ツイートのurlは下のようになっています。

https://twitter.com/DandoyJapan/status/1194759990520643584

上の「status」のうしろに「es」をつけて

https://twitter.com/DandoyJapan/statuses/1194759990520643584

としてやると、正常に表示される場合があるそうです。

ちなみに当サイトの場合は、埋め込みコードを使っていたのでこの方法は試しませんでした。

最後に

今回の記事とは関係ありませんが、昨日の記事で紹介できなかった船橋屋のスイーツをいくつかピックアップしました。

船橋屋 和のスイーツあれこれ

【送料込み】【REBIRTH】 船橋屋 くず餅 乳酸菌 カプセル 90粒×2個【植物性ラクトバチルス
【送料込み】【REBIRTH】 船橋屋 くず餅 乳酸菌 カプセル 90粒×2個【植物性ラクトバチルス 15,120円(税込)【送料込】

元祖くず餅 船橋屋

船橋屋【REBIRTH】くず餅乳酸菌(カプセル/90粒/植物性乳酸菌)×2個 さまざまなシーンのお贈り物におすすめです 【 スイーツ 】【 ギフト 】【 プレゼント 】【 御礼 お礼 】【 和 贈り物 】【 東京 お土産 】【 老舗 】【 バレンタインデー 】

セシボン-C'estsibon-バターサンド-はね駒12枚入【焼き菓子】【詰め合わせ】【フルーツサン
セシボン-C'estsibon-バターサンド-はね駒12枚入【焼き菓子】【詰め合わせ】【フルーツサン 2,592円(税込)【送料別】

セシボン-C’estsibon-

しっとりサブレに上質のバタークリームとドライフルーツをサンドしたフルーツサンドです。 相馬を舞台にしたNHK連続テレビ小説「はね駒」(※はねこんま=おてんば娘)を記念して作られた焼き菓子です。 明治から大正にかけて活躍した女性記者の草分け、磯村春子さんを斉藤由

船橋屋-瀬止凡-「彩」上生菓子12個入 お中元 七夕 お盆 帰省 帰省暮 お土産 初節句 お返し 上
船橋屋-瀬止凡-「彩」上生菓子12個入 お中元 七夕 お盆 帰省 帰省暮 お土産 初節句 お返し 上 4,298円(税込)【送料別】

セシボン-C’estsibon-

フジテレビ系FTVでも紹介♪ その他、情報誌、新聞などでもご紹介いただきました★ <br> ◆ひな祭り用上生菓子は2月22頃から ◆ハロウィン上生菓子は9月15日頃から ◆クリスマス上生菓子は12月1日頃から ◆新春用上生菓子は12月29日頃からお届け予定★

セシボン-C'estsibon-バターサンド-はね駒【焼き菓子】【フルーツサンド】【バタークリームサ
セシボン-C'estsibon-バターサンド-はね駒【焼き菓子】【フルーツサンド】【バタークリームサ 205円(税込)【送料別】

セシボン-C’estsibon-

しっとりサブレに上質のバタークリームとドライフルーツをサンドしたフルーツサンドです。 相馬を舞台にしたNHK連続テレビ小説「はね駒」(※はねこんま=おてんば娘)を記念して作られた焼き菓子です。 明治から大正にかけて活躍した女性記者の草分け、磯村春子さんを斉藤由

船橋屋-瀬止凡-「彩」上生菓子5個入【和菓子】【生菓子】【内祝】【初節句】【お返し】【船橋屋】【瀬止
船橋屋-瀬止凡-「彩」上生菓子5個入【和菓子】【生菓子】【内祝】【初節句】【お返し】【船橋屋】【瀬止 2,052円(税込)【送料別】

セシボン-C’estsibon-

お祝いのちょっとしたお返しに☆ ☆楽天生菓子ランキング第1位☆ 季節に合わせた上生菓子をお詰めします♪ 熨斗に名前もお入れできますのでご希望ございましたらお申し付けくださいませ。 平成11年には当店自慢の上生菓子を 天皇皇后両陛下にお召し上がりいただきました。

船橋屋 瀬止凡-松川浦-10個入【あす楽対応】【楽ギフ_包装】【楽ギフ_のし宛書】【常温or冷蔵】
船橋屋 瀬止凡-松川浦-10個入【あす楽対応】【楽ギフ_包装】【楽ギフ_のし宛書】【常温or冷蔵】 2,160円(税込)【送料別】

セシボン-C’estsibon-

ギフト対応 野馬追いの郷、相馬松川浦を冠して作られた焼き菓子です。 くるみと自家炊きあんこを入れたくるみあん、 しろあんにかぼちゃを練りこんだかぼちゃあんの2種類を入れた パイ菓子になります。 商品名に関わらず、自家炊きあんを入れて焼き上げたパイ菓子は 相馬の

【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ10個入
【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ10個入 2,700円(税込)【送料別】

セシボン-C’estsibon-

ギフト対応 ★タルトランキング第1位★ TV&新聞・情報誌でも紹介♪ スイーツグランプリ☆バースデースイーツ部門賞受賞♪ ファッション情報誌、編集者が選ぶおもたせランキングにランクイン★ ご予約承ります♪ 和菓子の技術を洋菓子に活かしたタルト菓子★ 一つ一つを

【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ5個入 バ
【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ5個入 バ 1,350円(税込)【送料別】

セシボン-C’estsibon-

ギフト対応 ★タルトランキング(デイリー)第1位★ (2014年2月13日集計、その他) スイーツグランプリ☆バースデースイーツ部門賞受賞♪ ファッション情報誌、編集者が選ぶおもたせランキングにランクイン★ ご予約承ります♪ 和菓子の技術を洋菓子に活かしたタル

セシボン-C'estsibon-プチケーキ5個入 タルト 洋菓子 お菓子 プチフール プチタルト ケ
セシボン-C'estsibon-プチケーキ5個入 タルト 洋菓子 お菓子 プチフール プチタルト ケ 1,296円(税込)【送料別】

セシボン-C’estsibon-

ギフト対応 ★タルトランキング第1位★ スイーツグランプリ☆バースデースイーツ部門賞受賞♪ ファッション情報誌、編集者が選ぶおもたせランキング1位に選出★ ご予約承ります♪ 和菓子の技術を洋菓子に活かしたタルト菓子★ 一つ一つをタルトの生地から、最後の仕上げま

【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ15個入
【お届けは2/6から】セシボン-C'estsibon-バレンタインスイートハートプチケーキ15個入 3,888円(税込)【送料別】

セシボン-C’estsibon-

ギフト対応 ★タルトランキング第1位★ スイーツグランプリ☆バースデースイーツ部門賞受賞♪ ファッション情報誌、編集者が選ぶおもたせランキングにランクイン★ ご予約承ります♪ 和菓子の技術を洋菓子に活かしたタルト菓子★ 一つ一つをタルトの生地から、最後の仕上げ

楽天ウェブサービスセンター

コメント

タイトルとURLをコピーしました