Embedded tweets not rendering correctly on websites

wwweirdnews · 2017-11-19T07:43:39.498Z

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.

WorldWide Weird News – 3 Feb 13

Man sues business owner after wife fell in love with another man at work

By: John RobertscourtA man sued his wife’s employer after she fell in love with another man at work.Ramnath Dessie, filed a lawsuit against FirstBank, in Johannesburg, South Africa, cla

wwweirdnews · 2017-11-22T09:51:40.225Z

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

WTXF

Police: Woman stabbed grandfather 40 times in Port Richmond, charged with murder

Philadelphia Police are investigating the death of an 80-year-old man after he was found dead in his Port Richmond home on Wednesday night.

indianburger · 2017-11-22T21:36:17.887Z

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:

Screen Shot 2017-11-22 at 1.25.42 PM.png1348x125 28.9 KB

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

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

Hope that helps!

wwweirdnews · 2017-11-23T03:22:23.411Z

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?

wwweirdnews · 2017-11-23T07:27:25.262Z

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

Press Enterprise – 22 Nov 17

Misdemeanor charge filed in ‘Make America Great Again’ hat incident at UC...

Woman filmed grabbing fellow student’s hat and saying “This represents genocide” is charged with grand theft

wwweirdnews · 2017-11-24T05:02:05.148Z

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

wwweirdnews · 2017-12-05T09:57:54.023Z

Hi.

Hi do I get Twitter support for this issue?

andypiper · 2017-12-05T11:54:37.621Z

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>

wwweirdnews · 2017-12-05T12:26:51.464Z

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.

andypiper · 2017-12-05T13:42:13.961Z

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.

wwweirdnews · 2017-12-05T16:02:52.962Z

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

system · 2017-12-19T17:55:09.668Z

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