Adding code for visitor comments to the bottom of every page
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:
- Check the console for any Javascript errors when being on the dashboard
- Use a standard template and theme to make sure it is not caused by a custom theme
- Create a fresh page and add the comment box there
- Make sure you have upgraded to the latest version
- Edited
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.
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:
- 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>`
- 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.
mad What I did is to:
- 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.
- 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.
- I checked to see the folder permissions (Cyberduck latest).