Adding Commenting

After configuring all the settings in the Configuration and Add-ons tab, you are now ready to insert the Commenting unit on your website at any desired location. The Commenting unit can be easily added to your website by copy-pasting ready-to-use code snippets in your HTML code.

618

To add the Comments section on your webpage, copy the following code in your HTML script:

  1. On the Commenting page, click the Code tab.
  2. Copy the code from the Header Code and paste it between the <head> and </head> tag of your HTML page.

📘

Note:

  • This is a one-time activity.
    • You should always place the header code in the <head> element of the HTML page (or via your Content Management System at the head of the page).
<script data-cfasync="false" type="text/javascript">(function (a, c, s, u){'Insticator'in a || (a.Insticator={ad:{loadAd: function (b){Insticator.ad.q.push(b)}, q: []}, helper:{}, embed:{}, version: "4.0", q: [], load: function (t, o){Insticator.q.push({t: t, o: o})}}); var b=c.createElement(s); b.src=u; b.async=!0; var d=c.getElementsByTagName(s)[0]; d.parentNode.insertBefore(b, d)})(window, document, 'script', 'https://s3.amazonaws.com/insticator-mks-staging/ads-code/cc1eaa88-6774-4d5e-a8ab-ca5d8073708f.js')
</script>
<script async type="text/javascript" src="https://product.hunchme.com/product-loader-code/cc1eaa88-6774-4d5e-a8ab-ca5d8073708f.js">
</script>
  1. Copy the code from Commenting Unit Code and paste it in between the <body> and </body> tag of your HTML code.
<div class="insticator-unit type-products">
<div class="insticator-ads">
<div id="div-insticator-ad-cmt-1"></div>
<div id="div-insticator-ad-cmt-2"></div>
<script data-cfasync="false" type="text/javascript">Insticator.ad.loadAd("div-insticator-ad-cmt-1");Insticator.ad.loadAd("div-insticator-ad-cmt-2");</script>
</div>
<div id="insticator-commenting">
<div class="instiengage-comments" data-cu-uuid="5f43182e-2fa3-463f-a48d-ca2a0e0087d2" data-ext-page-id="{extPageId}"></div>
<script>Insticator.load('comments')</script></div><div class="insticator-ads additional">
<div id="div-insticator-ad-cmt-3"></div><div id="div-insticator-ad-cmt-4"></div>
<script data-cfasync="false" type="text/javascript">Insticator.ad.loadAd("div-insticator-ad-cmt-3");Insticator.ad.loadAd("div-insticator-ad-cmt-4");</script>
</div>
</div>
  1. Make sure that the {extPageId} has a unique ID. You need to generate a unique ID for each page a commenting unit is embedded within.

📘

  • The Unique ID for {extPageId} should be a combination of letters, numbers, and special characters and should be less than 15 characters.
  • Make sure that the {extPageId} has a unique ID. You must maintain a list of this unique ID so that it is not repeated.
    For more information about External Page Id, see What is an External Page Id?