Guides
Start typing to search…

ID-Based Installation

This method lets you define a custom data-page-id for each page, overriding the URL-based approach. It’s perfect for websites with unique page identifiers from a CMS or database.

Prerequisites

Before you begin, make sure you have:

  • An Arena account with a registered site.
  • Access to your website’s HTML code or CMS admin where the widget will appear.

When to use this method

  • Your site uses unique page IDs (e.g., from WordPress, a CMS, or a custom system).
  • URLs might change, but IDs stay consistent.
  • You need a reliable, future-proof setup (great for complex or enterprise sites).

Steps

1. Access Arena's Dashboard

Navigate to Widgets > Comment System > Installation in your Arena account.

2. Add the main script to the website

Add the Comment System main script to the <head> of your website:

<script async src="https://fast.arena.im/script.js?siteId=[YOUR-SITE-ID]"></script>

The parameter[YOUR-SITE-ID] will automatically be filled with your account information when copying this information from the dashboard panel.

👍

Recommendation

We recommend placing the main script on all pages of your website. This will improve the analytics features and providing better user behavior insights

3. Add the div snippet to the blog

The snippet must be added to the template or master page of the posts so that it is automatically included in each post. It's also possible to add snippet individually to specific blog posts if you don't want it to appear on all of them.

<div class="arena-comments-widget" data-site-slug="[YOUR-SITE-SLUG]"></div>

The parameter[YOUR-SITE-SLUG] will automatically be filled with your account information when copying this information from the dashboard panel.

4. Add the parameter data-page-id

In this method, you must add the parameter data-page-id to the snippet with a variable that provides the unique post ID as value:

<div class="arena-comments-widget" 
     data-site-slug="[YOUR-SITE-SLUG]" 
     data-page-id="[UNIQUE-PAGE-ID]"></div>

Replace[UNIQUE-PAGE-ID] with a unique article identifier that is specific to the page.

5. Refresh the page

Refresh any page that you installed snippet, and the Comment System should show up like this:


Which Method Should You Choose?

  • URL-based Installation: Best for simple sites with clean URLs. Low to none technical knowledge required.
  • ID-based Installation: Ideal if you have unique page IDs or want more control.

❔

Questions

Reach out to [email protected] or join live support inside the dashboard.

Updated 13 days ago