Steamer Lane Studio技術備忘録ユーティリティ

Twitterタイムラインをxhtml挿入した時のW3C vaild対策

utility Twitterタイムラインをxhtml挿入した時のW3C vaild対策
最終更新日: 2023年4月15日

<script type="text/javascript">
//<![CDATA[
var twitter = "<a class='twitter-timeline' href='https://twitter.com/○○○○' data-widget-id='あなたのID'>@○○○○ からのツイート</a>"
document.write(twitter);
//]]>
</script>
<script type="text/javascript">!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>

一言でいえばdate-widget-idが引っ掛かるのでaタグをscriptでdocument write化して逃がす格好。