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

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

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

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

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

  1. ツイートが埋め込みでなく引用の形に表示される
  2. ツイートが表示されない一般的な原因
  3. かんたんリンクとSNS埋め込みは同居できない
  4. ツイッター埋め込みが正常に表示できないときの対処法をもうひとつ
  5. 最後に
      1. 船橋屋 和のスイーツあれこれ
        1. 元祖くず餅(くずもち)中箱(36切れ2〜3名様用)×1箱 ハロウィン お歳暮 御歳暮 和菓子 ギフト
        2. 船橋屋 バラエティセット(くず餅2個 特製あんみつ2個 くず餅プリン2個ハロウィン お歳暮 御歳暮
        3. 船橋屋 特製くず餅入白玉あんみつ×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品
        4. 船橋屋 特製くず餅入あんみつ×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品 お菓
        5. 船橋屋 特製くず餅入白玉あんみつ×2個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品
        6. 船橋屋 よくばりセット(くず餅中箱1個 白玉あんみつ 2個 ところてん1個 豆寒天1個 くず餅プリン
        7. 船橋屋 くず餅プリン(秘伝の黒蜜 黄な粉付き)×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内
        8. 船橋屋 くず餅プリン(秘伝の黒蜜 黄な粉付き)×2個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内
        9. 船橋屋 甘味セット(くず餅大箱1個 特製あんみつ2個 ところてん2個) ハロウィン お歳暮 御歳暮
        10. 船橋屋カップくず餅 6切入(お1人様用)×2個 【あす楽不可】 ハロウィン お歳暮 御歳暮 和菓子

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

ワードプレスではツイートの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

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

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

最後に

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

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

元祖くず餅(くずもち)中箱(36切れ2〜3名様用)×1箱 ハロウィン お歳暮 御歳暮 和菓子 ギフト
元祖くず餅(くずもち)中箱(36切れ2〜3名様用)×1箱 ハロウィン お歳暮 御歳暮 和菓子 ギフト 1,645円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 バラエティセット(くず餅2個 特製あんみつ2個 くず餅プリン2個ハロウィン お歳暮 御歳暮
船橋屋 バラエティセット(くず餅2個 特製あんみつ2個 くず餅プリン2個ハロウィン お歳暮 御歳暮 3,758円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 特製くず餅入白玉あんみつ×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品
船橋屋 特製くず餅入白玉あんみつ×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品 3,260円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 特製くず餅入あんみつ×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品 お菓
船橋屋 特製くず餅入あんみつ×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品 お菓 3,020円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 特製くず餅入白玉あんみつ×2個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品
船橋屋 特製くず餅入白玉あんみつ×2個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内祝い 贈答品 2,180円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 よくばりセット(くず餅中箱1個 白玉あんみつ 2個 ところてん1個 豆寒天1個 くず餅プリン
船橋屋 よくばりセット(くず餅中箱1個 白玉あんみつ 2個 ところてん1個 豆寒天1個 くず餅プリン 4,783円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 くず餅プリン(秘伝の黒蜜 黄な粉付き)×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内
船橋屋 くず餅プリン(秘伝の黒蜜 黄な粉付き)×4個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内 2,696円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 くず餅プリン(秘伝の黒蜜 黄な粉付き)×2個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内
船橋屋 くず餅プリン(秘伝の黒蜜 黄な粉付き)×2個 ハロウィン お歳暮 御歳暮 和菓子 ギフト 内 1,898円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋 甘味セット(くず餅大箱1個 特製あんみつ2個 ところてん2個) ハロウィン お歳暮 御歳暮
船橋屋 甘味セット(くず餅大箱1個 特製あんみつ2個 ところてん2個) ハロウィン お歳暮 御歳暮 4,120円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

船橋屋カップくず餅 6切入(お1人様用)×2個 【あす楽不可】 ハロウィン お歳暮 御歳暮 和菓子
船橋屋カップくず餅 6切入(お1人様用)×2個 【あす楽不可】 ハロウィン お歳暮 御歳暮 和菓子 1,650円(税込)【送料込】

元祖くず餅 船橋屋

さまざまなシーンのお贈り物におすすめです 【 スイーツ 】 【 ギフト 】 【 和 贈り物 】 【 東京 お土産 】【 バレンタインデー 】 【 ホワイトデー 】 【 母の日 】 【 父の日 】【 夏ギフト 】【 夏の贈り物 】【 暑中見舞い 】【 御中元 】

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

コメント

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