Wed Feb 12 2020
...
同じページでのFastCommentsの複数の場所での使用
FastCommentsは柔軟性があります。ページ上の通常の要素に接続するため、どのWebフレームワークでも機能します。
これにより、ページ上に必要なだけのスレッドを持つことができます。たとえば、ここには横に並んだ2つのスレッドがあります。
仕組み
これがこれを実現するコードです。urlIdパラメータをカスタマイズして、それぞれのスレッドをユニークにしています。idを使用していますが、好きな方法でクエリされた任意のDOM要素を渡すことができることに注意してください。
<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div class="widgets">
<div class="widget left" id="fastcomments-widget2"></div>
<div class="widget right" id="fastcomments-widget3"></div>
</div>
<script> window.FastCommentsUI(document.getElementById('fastcomments-widget2'), { tenantId: 'L177BUDVvSe', urlId: window.location.href + '?cats', headerHTML: '<h1>猫について話す</h1>' }); </script> <script> window.FastCommentsUI(document.getElementById('fastcomments-widget3'), { tenantId: 'L177BUDVvSe', urlId: window.location.href + '?dogs', headerHTML: '<h1>犬について話す</h1>' }); </script>