diff --git a/src/main/java/run/halo/comment/widget/DefaultCommentWidget.java b/src/main/java/run/halo/comment/widget/DefaultCommentWidget.java
index 5bcef70..ce7cdb4 100644
--- a/src/main/java/run/halo/comment/widget/DefaultCommentWidget.java
+++ b/src/main/java/run/halo/comment/widget/DefaultCommentWidget.java
@@ -6,6 +6,8 @@
 import org.pf4j.PluginWrapper;
 import org.springframework.stereotype.Component;
 import org.springframework.util.PropertyPlaceholderHelper;
+import org.springframework.util.Assert;
+import org.springframework.util.PropertyPlaceholderHelper;
 import org.thymeleaf.context.ITemplateContext;
 import org.thymeleaf.model.IAttribute;
 import org.thymeleaf.model.IProcessableElementTag;
@@ -61,13 +63,14 @@ private String commentHtml(IAttribute groupAttribute, IAttribute kindAttribute,
         properties.setProperty("kind", kindAttribute.getValue());
         properties.setProperty("name", nameAttribute.getValue());
         properties.setProperty("colorScheme", getColorScheme(colorSchemeAttribute));
+        properties.setProperty("domId", domIdFrom(group, kindAttribute.getValue(), nameAttribute.getValue()));
 
         return PROPERTY_PLACEHOLDER_HELPER.replacePlaceholders("""
-                <div id="comment"></div>
+                <div id="${domId}"></div>
                 <script src="/plugins/PluginCommentWidget/assets/static/comment-widget.iife.js?version=${version}"></script>
                 <script>
                   CommentWidget.init(
-                    "#comment",
+                    "#${domId}",
                     "/plugins/PluginCommentWidget/assets/static/style.css?version=${version}",
                     {
                       group: "${group}",
@@ -80,6 +83,14 @@ private String commentHtml(IAttribute groupAttribute, IAttribute kindAttribute,
                 """, properties);
     }
 
+    private String domIdFrom(String group, String kind, String name) {
+        Assert.notNull(name, "The name must not be null.");
+        Assert.notNull(kind, "The kind must not be null.");
+        String groupKindNameAsDomId = String.join("-", group, kind, name);
+        return "comment-" + groupKindNameAsDomId.replaceAll("[^\\-_a-zA-Z0-9\\s]", "-")
+            .replaceAll("(-)+", "-");
+    }
+
     private String getGroup(IAttribute groupAttribute) {
         return groupAttribute.getValue() == null ? ""
                 : StringUtils.defaultString(groupAttribute.getValue());