Embedded tweets not rendering correctly on websites



For some reason when I embed a tweet, only the text is showing.

Any idea why.

Here is a sample page at the end of the article there is a tweet from president trump.



I now found that the problem is occuring on other websites like Fox News.

Here is a live sample of a tweet not rendering correctly on Fox News website


Hello @wwweirdnews,

The issue on your website is different from fox29.com as far as I can tell.

On your website, the HTML markup is not closed correctly. See incorrectly close HTML tags marked in red:

For the correct markup you can visit: publish.twitter.com

On fox29.com, the blockquote is missing class="twitter-tweet".

Hope that helps!


Why would that be? As I copied the embed quote from twitter.com and pasted it into the website. Why would the code change on its own?


Update 2:

I have been encountering the same issue with embedded tweets on more and more websites so this seems to be a widespread problem

Here is another live example


Here is another live sample where embdded tweets do not work




Hi do I get Twitter support for this issue?


It was already pointed out that you have an invalid </blockquote> tag, have you resolved that issue? You need to include the opening (and matching) <blockquote> from publish.twitter.com for the correct class to be applied to the Tweet embed.

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Big vote tomorrow in the House. Tax cuts are getting close!</p>&mdash; Donald J. Trump (@realDonaldTrump) <a href="https://twitter.com/realDonaldTrump/status/930982399202217984?ref_src=twsrc%5Etfw">November 16, 2017</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


I did embed it exactly as you wrote it above it it still doesn’t work as it gets removed on its own after publishing the post.


It renders fine for me if I move it outside of the div that contains the previous block of text and reload the widgets, so I suspect it will be something to do with the hierarchy of classes in the DOM of your page. It may be related to one of the plugins you’re using.


Just to test I deactivated all the plugins and I still had this problem.


This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.