Facebook comments integration on Docs and Blog

vjeux · zpao · commit dadb3f79cd87 · 2013-06-17T17:17:07.000-07:00
diff --git a/docs/_css/react.scss b/docs/_css/react.scss
@@ -678,3 +678,7 @@ p code {
     padding-top: 0;
   }
 }
+
+.post {
+  margin-bottom: 30px;
+}
diff --git a/docs/_layouts/default.html b/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>
-
diff --git a/docs/_layouts/docs.html b/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>
diff --git a/docs/_layouts/post.html b/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>

Original file line number	Diff line number	Diff line change
`@@ -678,3 +678,7 @@ p code {`
`678`	`678`	`padding-top: 0;`
`679`	`679`	`}`
`680`	`680`	`}`
	`681`	`+`
	`682`	`+.post {`
	`683`	`+ margin-bottom: 30px;`
	`684`	`+}`