Show comment count

A live count of comments is a strong engagement signal on listing pages and meta rows. Vuukle exposes a one-line tag you can drop in anywhere.

How it works

Render any element with the attribute data="vuukle-count". Vuukle replaces its contents with the current comment count for the article on that page (or for the article identified by its articleId if you set one).

<span data="vuukle-count"></span>

That’s the whole API. The element can be a <span>, <a>, <div> — anything. The contents get swapped at load time.

Common patterns

Inline with the article meta row

<p>Comments: (<span data="vuukle-count"></span>)</p>

Renders as: “Comments: (23)“

As a link to the comment thread

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

Renders the count, clickable, jumps to the comments section.

On article cards in a listing

<article class="card">
  <h3>Article title</h3>
  <p class="meta">
    <span data="vuukle-count"></span> comments
  </p>
</article>

Vuukle finds every element with data="vuukle-count" on the page and updates them all on initial load.

WordPress

In the Vuukle WordPress plugin settings, toggle Show comment count on listings under Settings → Vuukle. The plugin replaces the native WP comments_number() output automatically — you don’t need to add any HTML yourself.

Blogger

See the Blogger install guide — it includes the template patch that replaces Blogger’s native count with Vuukle’s.

Related

Comments widget

The main thread the count counts. Comments →

JavaScript install

Universal install snippet. JS install →