FastComments.com Blog

Wed Feb 12 2020
...

Використання FastComments у кількох місцях на одній сторінці

FastComments є гнучким. Він прикріплюється до звичайного елемента на сторінці, тому працює з будь-яким веб-фреймворком.

Це означає, що ми можемо мати стільки потоків на сторінці, скільки захочемо. Наприклад, ось два потоки поруч один з одним.

Як це працює

Ось код, що робить це можливим. Ми налаштовуємо параметр urlId, щоб зробити кожен потік унікальним. Зверніть увагу, що ми використовуємо ідентифікатори, але ви можете вводити будь-який 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>