• General
  • Adding code for visitor comments to the bottom of every page

Mena i want also a comment service in the future in one of my web-projects build with Automad.
I wish that @mad adding user-roles in one of the next releases. That gives a lot of opportunities 🙂

    Mena Hi, I have taken a closer look at the issue. I have added your example above to the Items Header variable on a page as well as in the shared settings. I was not able to reproduce the problem. In both cases, the value of that variable was saved successfully and the comment box was rendered as expected. In order to find the reason for your issue, please follow these steps:

    1. Check the console for any Javascript errors when being on the dashboard
    2. Use a standard template and theme to make sure it is not caused by a custom theme
    3. Create a fresh page and add the comment box there
    4. Make sure you have upgraded to the latest version
    • Mena replied to this.
      2 months later

      I am getting this on latest Opera GX and latest Safari, macOS Mojave latest:POST https://mywebsite.com/blog/dashboard?ajax=page_data 403
      send @ libs.min.js?v=1.7.3:4
      ajax @ libs.min.js?v=1.7.3:4
      n.<computed> @ libs.min.js?v=1.7.3:4
      ajaxPost @ automad.min.js?v=1.7.3:60
      confirm @ automad.min.js?v=1.7.3:61
      dispatch @ libs.min.js?v=1.7.3:3
      r.handle @ libs.min.js?v=1.7.3:3
      trigger @ libs.min.js?v=1.7.3:4
      (anonymous) @ libs.min.js?v=1.7.3:4
      each @ libs.min.js?v=1.7.3:2
      each @ libs.min.js?v=1.7.3:2
      trigger @ libs.min.js?v=1.7.3:4
      n.fn.<computed> @ libs.min.js?v=1.7.3:4
      (anonymous) @ automad.min.js?v=1.7.3:62
      dispatch @ libs.min.js?v=1.7.3:3
      r.handle @ libs.min.js?v=1.7.3:3

      libs.min.js?v=1.7.3:4 POST https://mywebsite.com/blog/dashboard?ajax=shared_data 403
      send @ libs.min.js?v=1.7.3:4
      ajax @ libs.min.js?v=1.7.3:4
      n.<computed> @ libs.min.js?v=1.7.3:4
      ajaxPost @ automad.min.js?v=1.7.3:60
      confirm @ automad.min.js?v=1.7.3:61
      dispatch @ libs.min.js?v=1.7.3:3
      r.handle @ libs.min.js?v=1.7.3:3
      trigger @ libs.min.js?v=1.7.3:4
      (anonymous) @ libs.min.js?v=1.7.3:4
      each @ libs.min.js?v=1.7.3:2
      each @ libs.min.js?v=1.7.3:2
      trigger @ libs.min.js?v=1.7.3:4
      n.fn.<computed> @ libs.min.js?v=1.7.3:4
      (anonymous) @ automad.min.js?v=1.7.3:62
      dispatch @ libs.min.js?v=1.7.3:3
      r.handle @ libs.min.js?v=1.7.3:3

      Update1: There are a lot of things I cannot change like: theme, items Header/Footer, sitename, etc.

      • mad replied to this.

        Mena Hi, it is difficult to say what causes that issue, but I think the installation is broken. How did you install this one? Did you have that issue before already?

        • Mena replied to this.

          ctuxboy In the meantime, I eventually found Vuukle to be a satisfactory solution for a comment system. It is free of charge for small sites. There's an annoying issue with image thumbnails on the related posts section, but you can easily fix this by switching number of items to appear in the "Talk of the Town" section to 0.

          Here's an example of where we are using this system:

          .

          You will see that is is quite lightweight and loads quickly. For implementation you just need to do 2 things on each page where you want the comments:

          1. Paste the same code on every page in the HTML/Markdown box:

          `<!-- COMMENTS POWERBAR: Place it where you want SHARES to be displayed -->
          <div class="vuukle-powerbar"></div>

          <!-- COMMENTS WRAPPER: Place it where you want comments to be displayed -->
          <div id="vuukle-comments"></div>`

          1. Paste the same code on every page in the Items Header box:

          <script type="text/javascript">
          var VUUKLE_CONFIG = {
          apiKey: "GET-THIS-FROM-YOUR-VUUKLE-DASHBOARD",
          articleId: "SOME-UNIQUE-CHARACTERS-HERE",
          img: "",
          tags: "",
          recommendationsProtocol: 'https://www.',
          };
          // DON'T EDIT BELOW THIS LINE
          (function() {
          var d = document,
          s = d.createElement('script');
          s.src = 'https://cdn.vuukle.com/platform.js';
          (d.head || d.body).appendChild(s);
          })();
          </script>

          I hope this is as helpful to others as it has been to me.

          • Mena replied to this.
          • mad likes this.

            mad What I did is to:

            1. upload the zip package to the public directory (inside a subfolder called "blog"), and through the plesk panel I extracted the package inside the folder.
            2. I moved all the contents from the automad-master folder to the "blog" folder and then deleted the empty automad-master folder and the zip package.
            3. I checked to see the folder permissions (Cyberduck latest).
            • mad replied to this.

              john I am glad that you provide these awesome solutions. I will use it too.

              • john replied to this.

                Mena Hi, can you check if you get that error on all pages?

                • Mena replied to this.

                  mad No, I am not getting that error to all pages. Plus, some functions work as they should like in-page save, upload images, etc.

                  SOME template settings never worked for me.

                  • mad replied to this.

                    Mena Oh! I'm glad that's helpful for you too!

                    • mad likes this.

                    Mena Can you elaborate what functions are not working for you?

                    Newest Discussions