Jump to content

How Do I Add facebook comments to my blog?

Recommended Posts

Hi,

I am trying to add facebook commenting to my blog. I was able to get the code and add it to individual posts. but is there a way to do it so that it automatically adds it to new posts without me having to take each individual blog URL and make a new code?

Link to comment
  • Replies 8
  • Created
  • Last Reply

The facebook for developers site makes it extremely easy. here is the info:Step-by-Step

  1. Choose URL or PageChoose the URL of a website you want to use with the comments plugin.

  2. Code ConfiguratorCopy and paste the URL into the code configurator below. You can adjust settings like the width of your comments plugin or how many posts you want to show by default (num_posts). Click the Get Code button to generate your comments plugin code.

  3. Copy and Paste code snippetCopy and paste the code snippet into the HTML of the website or webpage where you want to implement comments.

https://developers.facebook.com/docs/plugins/comments/#configurator

Link to comment

Yes, I'm aware of that. If you read the question I already said I got that part. The issue is in order for it to work, you have to paste "step 3" as shown in the photo into the actual blog post with the unique blog post URL. in other words you have to complete all 3 steps every single time you make a new blog post. I'm asking if there is a way to make sure it automatically fills in the URL for the new blog so you don't have to do this every single time you want to post something. alt text

capture.png.20fb586a3be58751af03700d06948d10.png

Link to comment
  • 1 month later...

I would still love an answer to this as well!! Can the code be put into the page blog post injection and be auto-generated for EACH post individually?

513339360_KerstinMartinLogoSpiceNoPadding.png.941d8d4fedd0ad3fa14353bf6e86de6b.png
 

 

281513023_DesignerChecklistMockup.thumb.png.f279d0ad49726a20fb099c1559c8f99a.pngHello, I'm Kerstin! Circle Leader and Squarespace user since 2008. I specialise in teaching all things Squarespace and help web designers build calm and profitable businesses with Squarespace.

→ Check out my FREE Designer Checklist to get started.

Link to comment

So i figured it out with much googling and trial and error. So when you get the codes from facebook. The first one (step 2) goes on your "blog header" the second one goes in the blog item box (step 3). The key is to add code so that it automatically fill in the indivual blog post URL. In order do do that you need to add

"permalink" will automatically fill in the blog post URL. The only downside is that this will make the comment boxes show on your blog homepage in addition to the individual post. There's a way to hide them but I forget how. You could probably find it on google.

Link to comment
  • 2 weeks later...
  • 5 months later...

I figured out where permalink should go! I have no idea what I'm doing with code, but by placing permalink in different spots…I found that this worked!

Under PAGE HEADER CODE INJECTION:


<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11';
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


…and under POST BLOG ITEM CODE INJECTION


<div class="fb-comments" data-href="http://whoaneat.com/blog{website.baseUrl}{permalink}" data-width="980" data-numposts="5"></div>




Link to comment
  • 9 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.