I am curious to know if there would be any issue if I were to utilize these two scripts on the same page:
<a class="twitter-timeline" width="200" height="440" href="https://twitter.com/smth" data-widget-id="347786415695880192"></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>
and this one:
<a class="fb-like-box" data-href="http://www.facebook.com/pages/smth/12345328620951" data-width="282" data-height="430" data-show-faces="true" data-stream="true" data-header="true"></a>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
As both contain variables with the same name and I have encountered an issue where setting them in the same CSS position results in them not appearing at the same coordinates. Specifically, the Facebook plugin's position seems to be influenced by where the line is written, causing it to affect all page coordinates.
Thank you!