Estoy usando el sistema de comentarios Disqus y estoy tratando de usar la función de agregar enlaces de recuento de comentarios.

El código que puedo usar está a continuación:

 <span class="disqus-comment-count" data-disqus-url="http://example.com/article1.html">Comments</span>

Y aquí es donde tengo un problema. La cuestión es que tengo varios cientos de páginas, por lo que editar el valor data-disqus-url para todas y cada una de las páginas html llevará mucho tiempo y no será factible. ¿Existe tal vez algún código Javascript que ingrese dinámicamente el valor data-disqus-url con mi URL canónica?

No puedo usar el código php ya que estoy usando archivos html, pero tengo SSI habilitado ya que necesito usar include para facilitar la administración de plantillas. Además, todas mis páginas html ya tienen una metaetiqueta única para rel="canonical". Solo necesito quizás algunos códigos Javascript que llenen el valor data-disqus-url con el valor indicado en mi etiqueta de URL canónica. ¿Es eso posible?

ACTUALIZAR

Así que tengo exactamente este código:

 const commentCount = document.querySelectorAll('.disqus-comment-count'); commentCount.forEach(item => { item.setAttribute('data-disqus-url', (document.querySelector('[rel=canonical]').getAttribute('href')); })

 <p><span class="disqus-comment-count" data-disqus-url="">Comments</span></p>

Pero no funciona. Tal vez lo hice mal. lo siento, no entiendo mucho acerca de los códigos Javascript. Te agradeceré si puedes proporcionar el código completo.