Twitter feed only show a link (in Chrome and IE)

[NianmeiZhou]

Sorry to create a repetitive post… as I haven’t addressed my problem yet and my old post has been closed.

When I tried to embed the timeline to a website, the timeline wasn’t rendered in Chrome and IE but just a link. But in Edge, it works properly. Here’s the code

<!-- TWITTER -->
<a class="twitter-timeline" href="https://www.twitter.com/eMediaResearch?ref_src=twsrc%5Etfw" id="twitter">Tweets by eMediaResearch</a> 
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Thanks to Igor’s tip, I tried first checking their firewall settings and then using their developer tool to check what’s going on in both browsers, but it seems that their firewall/security settings are the same.

Via Chrome’s developer tool, it seems that widgets.js has been downloaded.

Then I checked the difference between Chrome and Edge in the “elements” window, it appears that in Edge, 2 rows of codes regarding the js files of Twitter timeline have been generated in the head, like below

But in Chrome, there isn’t any generated thing in the head regarding Twitter.

I feel it might be hard to identify errors just by looking at a piece of code. If it helps, here’s our website, the Twitter feed is in the bottom right corner.

Home

Thank you so much in advance for help any help you could offer!

[IgorBrigadir]

@NianmeiZhou

id="twitter"

Does it work if you remove this from the a tag? This is the only odd thing that’s not coming from publish.twitter.com that night be preventing it from loading, but I’m just guessing randomly - no idea what could be the problem here otherwise. Also, you have the widgets script included twice in the page somehow - it might be worth including it just once after the a and then not loading it again.

[NianmeiZhou]

Hi Igor, thank you so much again for the tips you gave!!! I seemed to have no luck with those solutions. I removed the tag and the widgets script included at the bottom, but the feed still didn’t appear to be shown in Chrome and IE.

[NianmeiZhou]

Does anyone have any idea about how to solve this problem?

[IgorBrigadir]

The CMS on the site is modifying the html and script tags somehow - i still think it may be the issue.

This is how the widgets script should be loaded:

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

This is how it appears in the page (it appears twice):

<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8" class="optanon-category-C0004 " type="text/plain"></script>

I think type="text/plain" is incorrect, but it may not be the root cause of the problem. Either that, or something else is preventing the widgets.js script from loading. You may have to add this in a different way somehow, depending on your CMS Set up Twitter for Websites | Docs | Twitter Developer Platform

If you try to fire the widgets.js event manually using twttr.widgets.load(); it also does not work, suggesting that widgets.js was not successfully loaded on the page.