Facebook comments integration on Docs and Blog

Author: vjeux

docs/_css/react.scss

@@ -678,3 +678,7 @@ p code {
     padding-top: 0;
   }
 }
+
+.post {
+  margin-bottom: 30px;
+}

docs/_layouts/default.html

@@ -72,6 +72,7 @@
       <div class="right">&copy; 2013 Facebook Inc.</div>
     </footer>
   </div>
+  <div id="fb-root"></div>
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -81,7 +82,14 @@
     ga('send', 'pageview');
 
     !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
+
+    (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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527";
+      fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));
   </script>
 </body>
 </html>
-

docs/_layouts/docs.html

@@ -19,5 +19,7 @@ <h1>{{ page.title }}</h1>
         <a class="docs-next" href="/react/docs/{{ page.next }}">Next &rarr;</a>
       {% endif %}
     </div>
+
+    <div class="fb-comments" data-width="650" data-num-posts="10" data-href="/react{{ page.url }}"></div>
   </div>
 </section>

docs/_layouts/post.html

@@ -14,5 +14,8 @@ <h1>{{ page.title }}</h1>
     <div class="post">
       {{ content }}
     </div>
+
+    <div class="fb-like" data-send="true" data-width="650" data-show-faces="false"></div>
+    <div class="fb-comments" data-width="650" data-num-posts="10" data-href="/react{{ page.url }}"></div>
   </div>
 </section>