{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-to-show-comment-count-on-article-or-page/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"6f986ba0-e59b-5518-a3f6-aaac8710828e","html":"

In this modern day, user engagement is very important and you can improve it if you show comment count on your article or page.

\n

You can easily display comment count without adding any additional API calls on the page – simply add following HTML Data Attribute in the comment count anchor tag:

\n

<a data="vuukle-count" href="#vuukle-comments">comments</a>

\n

Also the count can be displayed with even more handy form:

\n

<a href="#"><span data="vuukle-count" data-empty-text="Add a">0</span> Comments</a>

\n

To display the comment count for endless mode, the vuukle count element should be:

\n

<a data="vuukle-count-[index]" href="#vuukle-comments">comments</a>

\n

Also it can be:

\n

<a href="#"><span data="vuukle-count-[index]" data-empty-text="Add a">0</span> Comments</a>

\n

Instead of [index], you should use the index used to generate the widgets in endless mode.

","frontmatter":{"title":"How to show comment count on article or page","date":"May 01, 2017","category":"FAQ","tags":["how to","show","comment count"],"shortDescription":"In this modern day, user engagement is very important and you can improve it if you show comment count on your article or page."}}},"pageContext":{"id":"6f986ba0-e59b-5518-a3f6-aaac8710828e"}}}