如何在 HTML 中嵌入 Twitter 时间轴小部件

Question

我正在尝试显示我网站的 Twitter 时间线。我从 https://twitter.com/settings/widgets 创建了一个小部件。 twitter 给我一个代码来嵌入我的 html 文件。这是代码

  <a class="twitter-timeline" href="https://twitter.com/alamin0611" data-widget-id="598420614932779008">Tweets by @alamin0611</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s) [0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

但它只显示 Tweets by @alamin0611 。我搜索了很多但没有运气。请告诉我解决方案。

Answer 1

在脚本标签中，你是否更改了这个 url platform.twitter.com/widgets.js 如果我删除 https:// 它会按预期工作。

像这样：

<a class="twitter-timeline" href="https://twitter.com/alamin0611" data-widget-id="598420614932779008">Tweets by @alamin0611</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s) [0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Answer 2

<a class="twitter-timeline" data-width="300" data-height="400" href="https://twitter.com/TwitterDev">Tweets by TwitterDev</a> 

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

my first answer in forum :)

如何在 HTML 中嵌入 Twitter 时间轴小部件

How to embed twitter timeline widget in HTML

html

twitter