Commenting How & Where You Want

UPDATE 1/9/15 - I've chosen to remove the inline comments due to various issues that weren't what I'd consider an acceptable user experience and fixing them on squarespace was proving too complicated. This might move "build own blog from scratch" further up on my to-do list... 

I love, LOVE, the inline commenting seen on sites like Medium.  Since this site runs on Squarespace, it was easy enough to integrate Disqus for commenting. However, I also wanted inline commenting, but still using Disqus and not an additional commenting platform.

After some Googling, I found inlineDisqussions, a handy framework that does exactly what I need.   

Now with the inlineDisqussions in hand, I needed to figure out a way to upload the javascript directly to my own site. Using a system like Squarespace, you usually don't have access to file directory. Thankfully, there are some other creative thinkers out there that already figured out a solution. (read it here). Essentially you just create a hidden page in Squarespace, create some links, then upload you javascript and css files as files to link to. Once they are up, you can easily link to them then embed them in your site's header.

How does it work?

Simply hover over a paragraph you want to comment on and click the gray speech bubble to the right. Add your comment. It's just that simple.

Once you comment, other users will see the same gray speech bubble automatically, with a number representing the total comments. Clicking it will show a list of comments and let others comment too.

It's not about you

Well, not ALL about you.  Don't be offended, really.  As much as I want to have comments enabled for you, I also want inline comments for myself. I've started to write blog posts where I'm transcribing speeches (example) that inspire me, along with sharing what about them resonates. Instead of  starting or ending the speech with my thoughts, I'd rather add subtle comments on specific lines of the speech. This may be too much overshare, but wanted to give some inside context for not just what I'm doing, but the nuance of why I'm doing this. For me, it's interesting finding and applying solutions like this to somewhat unique needs, like commenting on lines of your own blog post.

Will this work? Will this solve my need? I'm not sure, but the effort to integrate it was minimal and I'm excited to put it to the test and either prove or disprove this theory.

What do you think?

Journal Photo