Cách tích hợp Disqus vào Blogger

Nếu bạn đang tự hỏi Disqus là gì? Mình xin giới thiệu sơ về Discus như sau, Disqus là một trong những hệ thống bình luận phổ biến nhất trên thế giới đặc biệt là hoàn toàn miễn phí. Nhờ giao diện đẹp và nhiều tính năng Disqus đang được tin dùng bởi hàng triệu website trên thế giới dù lớn hay nhỏ. Hiện tại blog của mình đang xài Disqus và cảm thấy rất hài lòng về hệ thống bình luận này. Dưới đây mình xin liệt kê một số ưu điểm và nhược điểm của việc sử dụng Disqus với Blogger.

Ưu điểm sử dụng Disqus với Blogger

• Dễ cài đặt và sử dụng
• Giao diện dễ nhìn
• Có chức năng đồng bộ nhận xét với Blogger
• Dể dàng quản lí nhận xét hơn
• Có thể đăng nhập nhận xét với nhiều tài khoản từ mạng xã hội
• Nhiều tính năng hấp dẫn

Nhược điểm

• Xuất hiện tương đối chậm
• Mặc dù hỗ trợ Tiếng Việt nhưng chỉ một phần

Đó là theo cảm nhận cá nhân của mình về Disqus, rất nhiều ưu điểm hấp dẫn hơn so với nhược điểm nhỏ nhoi cho dịch vụ này.

Cách tích hợp Disqus vào Blogger

Đầu tiên bạn phải đăng ký một tài khoản Discus, bạn truy cập vào trang sau
https://disqus.com/profile/signup/
sau đó điền những thông tin cần thiết và chọn Next Step


tại cửa sổ kế tiếp lại tiếp tục điền vào thông tin còn lại rồi chọn Finish reigstration


Sau khi hoàn tất, bạn sẽ thấy hàng loạt những logo của các mã nguồn mà Disqus có thể tích hợp vào, cái mà chúng ta quan tâm là Blogger, do dó click chọn logo Blogger


Tại cửa sổ này bạn chọn vào các bạn lần lượt làm theo các bước được đánh dấu sẵn, đầu tiên chọn vào Add XXXXXX to my Blogger site


một tab mới sẽ hiện lên, tại cửa sổ của tab đó các bạn chọn đúng blog của mình rồi chọn Thêm tiện ích


qua bước này thì Disqus đã hiện tại blog của bạn.

Quay trở lại với cửa sổ cũ, các bạn tiếp tục làm bước 2, chọn Tools > Import


tại đây các bạn chỉ quan tâm đến phần Sync New Comments, các bạn chọn Enable syncing, các bạn cấp quyền truy cập và chọn đúng blog của mình bước này giúp Blogger và Disqus tự động đồng bộ các nhận xét với nhau.


quay trở lại với cửa sổ cũ, làm bước 3 là bước cuối cùng để Disqus tương thích với IE


với bước cuối cùng khá đơn giản bạn có thẻ bỏ qua cũng được, và tại Disqus đã hướng dẫn khá là chi tiết nên mình không hướng dẫn lại tại đây nữa.

Cách tích hợp Disqus vào Blogger một cách thủ công

Với các tích hợp qua việc thêm widget từ website Disqus thì với blog hiện tại của mình, đôi lúc nó không xuất hiện, do đó mình thực hiện một cách thủ công như sau:

Bạn xóa widget đã thêm vào từ Disqus (Trong phần Bố cục của blog)

Vào Mẫu » Chỉnh sửa HTML thêm đoạn mã sau đây vào trên thẻ </body>

<script type='text/javascript'>
                var disqus_shortname = &#39;EXAMPLE&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;

                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }

                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>

            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>

                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();

                </script>
            </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>

                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();

</script>

Lưu ý: Thay EXAMPLE bằng đoạn đầu URL Disqus ở trên lúc bạn đăng ký, v.d. của mình là kslzonenet.disqus.com thì nó là kszonenet

Cuối cùng lưu lại và kiểm tra thử.

Lời kết

Hiện tại việc thêm Disqus vào blog hiện tại của mình thì cảm thấy rất hài lòng về chất lượng của nó. Rất nhiều bài viết trên các blog cá nhân thường phân tích Disqus không tốt cho SEO, nhưng với chức năng Sync (đồng bộ) đặc biệt chỉ có ở Blogger, mình đảm bảo các bạn hoàn toàn có thể yên tâm về vấn đề SEO mà các mã nguồn khác mắc phải. Bạn có thể tìm bất kì đoạn nhận xét ở bài viết trước của mình trên Google, hoàn toàn đã được index lên đó.

Do bài viết đã khá là dài nên mình không hướng dẫn thêm và cách tùy chỉnh,.. nên nếu có bất kì thắc mắc gì bạn có thể để lại nhận xét ở dưới, cám ơn đã quan tâm bài viết.