How to install GraphComment on the new version of Google Sites ?

GraphComment allows you to add a dynamic comment section to your Google Sites pages. Here’s how to install it:

Step 1: Copy the integration code

1.   Log in to your GraphComment account and get the integration code from your dashboard.

2.   Click on "Copy this code" button.

Step 2: Insert the code in Google Sites

1.   Open your Google Sites editor.

2.   Click on Embed and then Embed Code.

3.   Paste the GraphComment code.

Step 3: Modify the UID for each page

First, you need to customize the address of your page in Google Sites.

Go to the PAGES tab then Properties on your page:

Then ADVANCED options, and choose a personalized path at your convenience:

Each page must have a unique UID. The UID is an identifier that GraphComment uses to distinguish discussions on different pages.

In the code, locate this line:

uid: 'your_unique_uid',

Replace 'your_unique_uid' with a specific identifier for each page, like 'page1', 'page2', etc. This ensures comments are correctly linked to the corresponding page.

Example before modification:

uid: 'your_unique_uid',

Example after modification for a specific page:

uid: 'testpage',

Example :

<div id="graphcomment"></div>
<script type="text/javascript">

  /* - - - CONFIGURATION VARIABLES - - - */

  var __semio__params = {
    graphcommentId: "your-ID-here", // make sure the id is yours

    behaviour: {
      // HIGHLY RECOMMENDED
      uid: "testpage", // uniq identifer for the comments thread on your page (ex: your page id)
    },

    // configure your variables here

  }

  /* - - - DON'T EDIT BELOW THIS LINE - - - */

  function __semio__onload() {
    __semio__gc_graphlogin(__semio__params)
  }


  (function() {
    var gc = document.createElement('script'); gc.type = 'text/javascript'; gc.async = true;
    gc.onload = __semio__onload; gc.defer = true; gc.src = 'https://integration.graphcomment.com/gc_graphlogin.js?' + Date.now();
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(gc);
  })();
  

</script>

Step 4: Verify the installation

1.   Publish your page.

2.   Check that the comment section appears correctly on your site.

Reproduce this operation on every pages, one by one, with a different uid, until the New Google Sites authorize Gadgets.