Embedded tweets not rendering correctly on websites


#1

Hi.

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.


#2

Update:

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


#3

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!


#4

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?


#5

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


#6

Here is another live sample where embdded tweets do not work

https://www.theepochtimes.com/woman-jailed-after-prisoner-boyfriend-dies-of-methamphetamine-kiss_2364661.html


#7

Hi.

Hi do I get Twitter support for this issue?


#8

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>

#9

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.


#10

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.


#11

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


#13

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