[tintuc]Chào bạn, hôm nay mình sẽ hướng dẫn mọi người Quản Lý và Nhận Thông Báo Facebook Comment Trên Website.

Mình đã có một bài viết nói về Cách chèn facebook comment vào blog, Nếu ai chưa có comment facebook ở blog có thể tham khảo nhé.

Bước 1: Bạn truy cập: https://developers.facebook.com

Nếu bạn đã tạo ứng dụng trước kia thì chọn lại một trong các ứng dụng bạn đã tạo, nếu chưa bạn bấm vào "Thêm ứng dụng mới".

Một cửa sổ mới xuất hiện để nhập tên ứng dụng, đây là bài hướng dẫn nên tôi đặt tên ứng dụng của mình là "Test bình luận trên Jweb.vn". Bạn có thể đặt tên tùy ý, ví dụ shop của bạn có tên là Điện Hoa Thanh Vân thì bạn đặt tên ứng dụng là Điện Hoa Thanh Vân.

Sau đó bấm "Tạo ID ứng dụng". Bạn sẽ được chuyển đến trang thiết lập các thông tin cơ bản cho ứng dụng.

Từ menu bên trái bấm vào "Cài đặt".

- ID ứng dụng: Bạn lưu ý ID này, sẽ dùng về sau.

- Khóa ứng dụng: Đối với ứng dụng để quản lý bình luận không cần quan tâm đến phần này.

- Tên hiển thị: Bạn có thể sửa đổi tên ứng dụng.

- Vùng tên: Nhập lại tên ứng dụng của bạn, lưu ý: không có khoảng cách và không được trùng với bất kì ứng dụng nào của người dùng đã tạo trên Facebook.

 - Miền ứng dụng: Nhập tên miền website của bạn, ở đây tôi chưa gán tên miền cho website của tôi trên hệ thống Jweb.vn nên tôi để là thoitrang2.jweb.vn. Lưu ý không có "http://".

- Email liên hệ: Nhập email của bạn, mặc định Facebook sẽ lấy email tài khoản Facebook.

- URL chính sách quyền riêng tư: 

- URL điều khoản dịch vụ:

Sau khi điền đầy đủ thông tin cho ứng dụng, bấm tiếp vào "Thêm nền tảng'.

Cửa sổ hiện ra bấm chọn Canvans Faceook.

- URL Canvans an toàn bạn nhập thêm https:// cho tên miền, ví dụ tôi nhập: https://themepdu.com/

- URL trang web trên thiết bị di động: nhập lại tên miền nhưng thêm http://, của tôi là https://themepdu.com/

* Lưu ý: Kết thúc tên miền phải thêm dấu "/" sau cùng.

Tiếp tục bấm vào "Thêm nền tảng".

Lần này chọn Trang web và nhập lại tên miền trang web của bạn.

Kết thúc cài đặt bấm "Lưu thay đổi" ở góc cuối bên phải màn hình. Vậy là ta đã hoàn tất việc cấu hình cho ứng dụng. Tuy nhiên ứng dụng của bạn vừa được tạo ra đang ở chế độ thử nghiệm nên chưa dùng được. Từ Menu bên trái vào phần Xét duyệt ứng dụng.

Bấm vào kích hoạt ứng dụng như khung đỏ bên dưới: 

Sau khi kích hoạt ứng dụng sẽ có thông báo: Ứng dụng của bạn hiện trực tiếp và khả dụng với mọi người.

Bấm vào "Bảng điều khiển".

* Như phía trên mình đã hướng dẫn mọi người tạo xong App Facebook để gắn vào app_id ở bài viết hướng dẫn tích hợp comment facebook vào blog

Sau khi hoàn tất các bước trên, tiếp theo bạn truy cập công cụ quản lý bình luận của Facebook: https://developers.facebook.com/tools/comments

Chọn lại ứng dụng bạn vừa tạo: 

Bấm Cài đặt để bật thông báo và thêm người quản lý bình luận.

 Facebook đưa ra các tùy chọn như sau và bạn hãy chọn theo như hình: 

Click  Moderators để thêm những ai được phép quản lý bình luận và nhận thông báo. Lưu ý: Tài khoản Facebook của bạn cũng phải được thêm. Sau đó bấm "Lưu lại'.

Vậy là xong, hãy dùng tài khoản Facebook khác (hoặc nhờ bạn bè) bình luận trên website của bạn và xem kết quả:

Nếu có bất kì câu hỏi vui lòng liên hệ admin hoặc comment phía dưới để được giải đáp. Chúc các bạn thành công!
[/tintuc]

[tintuc]
Bài viết này sẽ hướng dẫn bạn đọc cách chèn Facebook Comment nhanh vào trang Blogger của bạn. Chỉ với 4 bước bạn đã có được một tính năng bình luận Facebook ưng ý với mã nguồn của Blogspot
Cách chèn Facebook Comment vào Blogger rất dễ dàng, bạn hãy làm theo 4 bước sau:

1. Tạo một ứng dụng mới trên Facebook

Bạn hãy xem hướng dẫn tạo Facebook App để lấy App ID để thực hiện chèn Facebook Comment vào website và quản lý comment thông qua ứng dụng bạn vừa tạo.

2. Lấy mã code được cung cấp bởi Facebook

Để Get code bạn vào link https://developers.facebook.com/docs/plugins/comments/ chọn các thông số sau:

• Width: 100% hoặc để chống
• Number of post: Số lượng comment hiển thị mặc định
• Color Scheme: Style màu sắc box comment tùy theo site của bạn màu gì bạn chọn cho phù hợp

Hình 1. Chèn mã code được cung cấp bởi Facebook

3. Đặt mã code App ID vào thẻ meta

Khi bạn đã lấy được mã code như hình 1 hãy chèn mã code này tôi đã bổ xung thêm 2 thẻ <meta>

<meta property="fb:app_id" content="Your_App_ID"/><meta property="fb:admins" content="User_ID"/></head><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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.3&appId=Your_App_ID"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

1 2 3 4 5 6 7 8 9 10 11

<meta property="fb:app_id" content="Your_App_ID"/> <meta property="fb:admins" content="User_ID"/> </head> <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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.3&appId=Your_App_ID";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

 Bạn hãy thay Your_app_id và User_id bằng số liệu bạn nhận được, riêng User ID bạn lấy bằng cách click vào Avatar Facebook cá nhân của bạn

https://www.facebook.com/photo.php?fbid=634855699985102&set=a.104988459638498.6128.100003820326603&type=1&theater

1	https://www.facebook.com/photo.php?fbid=634855699985102&set=a.104988459638498.6128.100003820326603&type=1&theater

 Ví dụ trong đoạn code này User ID là 100003820326603

4. Đặt mã code Comment vào bài viết

Có 2 cách để bạn chèn Comment Facebook vào trang Blogger, đầu tiên bạn hãy vào https://www.blogger.com/  -> Chọn Blog muốn chèn > Menu Mẫu -> Chỉnh sửa HTML và làm theo các cách sau:
Cách 1: Thêm mã code sau ngay dưới thẻ <b:include data=’post’ name=’post’/>
Để tìm thẻ trên bạn click chuột vào khu vực thẻ nhấn tổ hợp phím Ctrl+F sẽ bôi vàng vị trí này bạn hãy chèn vào dưới thẻ được bôi vàng đoạn code sau:

<b:if cond='data:blog.pageType == "item"'><div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div></b:if>

1 2 3

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div> </b:if>

 Cách 2: Thêm mã doe này vào sau thẻ </div> của đoạn thẻ <div class=’post-footer’>
Vẫn thực hiện Ctrl+F để tìm <div class=’post-footer’> và kéo xuống tìm thẻ đóng của nó là </div> và chèn vào đoạn code này

<b:if cond='data:blog.pageType == "item"'><div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div></b:if>

1 2 3

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div> </b:if>

Sau đó chọn Lưu mẫu và kiểm tra kết quả nếu trả về kết quả như hình 02 dưới đây là OK

Hình 2. Chèn Facebook Comment nhanh vào Blogger thành công

Kết luận

Blogspot là một mô hình phát triển có tính mở rất cao, nên bạn có thể dễ dàng chèn Facebook comment vào hoàn toàn không có gì khó. Tuy nhiên bạn đừng quyên thường xuyên theo dõi và quản lý các comment trên https://developers.facebook.com/tools/comments . Cảm ơn bạn đã ghé thăm Blog Hoàng Luyến, chúc bạn thành công!

Cách chèn Facebook Comment nhanh vào Blogger (Blogspot)

2.6/5 (51.71%) 41 votes

[/tintuc]

[giaban]500,000[/giaban]

[tomtat]Mẫu giao diện blogspot bán hàng shop thời trang hoặc các mặt hàng khác như mỹ phẩm, thời trang, theme blog đẹp chuẩn seo, chuẩn mobile ipad[/tomtat]

[link]https://shopsexy-ht.blogspot.com/[/link]

[chitiet]
Template giao diện mẫu blogspot shop thời trang mẫu giao diện blogspot bán quần áo, thời trang đẹp chuẩn seo, giao diện chuẩn .
Theme blogspot bán hoa đẹp, bố cục thiết kế đầy đủ

Đã được tối ưu tốc độ tải trang và tối ưu SEO hiệu quả
Thiết kế giao diện thân thiện với tất cả các thiết bị từ PC, cho đến các thiết bị dị động.
Khả năng tương thích với tất cả các loại trình duyệt phổ biến nhất hiện nay


Kết luận: Theme blogspot bán hàng đẹp tháng 19/3/2019, một Template mẫu giao diện blogger bán hàng đẹp.

Từ khóa: Template blogspot responsive, blogspot template, template blogspot bán hàng, template blogspot đẹp, share template blogspot, rip blogspot chuyên nghiệp, thiết kế blogspot, template blogger đẹp chuẩn seo, blogspot bất động sản. Theme blogger landing page travel du lịch, Theme blogspot landingpage mỹ phẩm

[/chitiet]

[giaban]200,000[/giaban]

[tomtat]Mẫu giao diện blogspot bán hàng shop hoa hoặc các mặt hàng khác như mỹ phẩm, thời trang, theme blog đẹp chuẩn seo, chuẩn mobile[/tomtat]

[link]https://pdusoftdemo25.blogspot.com/[/link]
[down]https://drive.google.com/drive/folders/1-jkoxfijLd-lKity9BfhiNlqARAHKRxs[/down]
[chitiet]
Theme blogspot bán hoa đẹp, bố cục thiết kế đầy đủ

Đã được tối ưu tốc độ tải trang và tối ưu SEO hiệu quả
Thiết kế giao diện thân thiện với tất cả các thiết bị từ PC, cho đến các thiết bị dị động.
Khả năng tương thích với tất cả các loại trình duyệt phổ biến nhất hiện nay

Kết luận: Theme blogspot bán hàng đẹp tháng 19/5/2018, một Template mẫu giao diện blogger bán hàng đẹp.

Từ khóa: Template blogspot responsive, blogspot template, template blogspot bán hàng, template blogspot đẹp, share template blogspot, rip blogspot chuyên nghiệp, thiết kế blogspot, template blogger đẹp chuẩn seo, blogspot bất động sản. Theme blogger landing page travel du lịch, Theme blogspot landingpage mỹ phẩm

[/chitiet]

[tintuc]

Cài đặt chat facebook cho blogspot mới nhất, tạo live chat facebook cho blogspot

Bước 1: copy mã sau dán dưới <body> nếu có sẵn thì xóa đi dán cái này vô

<div id='fb-root'></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '176690452847426',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.12'
    });
  };
  (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/vi_VN/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Bước 2: Thay ID App của bạn vô dãy số trên. 176690452847426
Truy cập link: https://developers.facebook.com/apps
Nếu chưa có thì bạn phải tạo, cái này không hướng dẫn thêm

Bước 3: Copy dán trước </body>

<div class="fb-customerchat"
 page_id="135641763240991"
 logged_in_greeting="HOATRANWEB CÓ THỂ HỖ TRỢ GÌ CHO BẠN ?"
 logged_out_greeting="Chào bạn. Bạn đang cần xem chủ đề gì ?">
</div>

Trong đó dãy số là ID Fanpage của bạn. Cách lấy ID truy cập link https://findmyfbid.com
Dán link Fanpage của bạn vô và nhấn tìm, xong thì thay thế vô dãy số trên.


Bước 4: Truy cập vô fanpage của bạn và làm theo như hình sau

Cài đặt - Nền tảng Messenger - Miền được đưa vào danh sách hợp lệ

Xong nhấn lưu lại. Quay lại website và test.
Chúc bạn thành công.

[/tintuc]

[giaban]200,000[/giaban]
[tomtat]Mẫu giao diện blogspot bán balo túi xách đẹp, các mặt hàng thời trang[/tomtat]

[chitiet]
Mẫu giao diện blogspot bán hàng đẹp, các mặt hàng thời trang, balo túi xách, giao diện đẹp chuẩn seo responsive, mẫu blogspot đẹp, web bán hàng full chức năng giỏ hàng online.
Theme blogspot shop online đẹp nhất, một mẫu blogspot bán hàng chất lượng.
themepdu cung cấp thiết kế mẫu blogspot bán hàng, tin tức bất động sản theo yêu cầu.
[/chitiet]

[link]https://pdusoftdemo26.blogspot.com/[/link]
[down]/https://drive.google.com/drive/folders/1iZs-S7obE-3MVaLUpAu_PiLGrlw1GhI5[/down]

[tintuc]

Copy đoạn code dán trước </body> và có thể chỉnh sửa một số giá trị cho phù hợp.

<style>
    .hotline {
    position: fixed;
    left: 15px;
    bottom: 10px;
    top: initial !important;
    list-style: none;
    background-color: #fff;
    padding: 10px 6px 4px;
    z-index: 99999;
    border-radius: 20px;
    border: 1px solid #77b3d4;
    }

    .hotline a {
        font-size: 18px;
        color: #d80027;
        font-weight: 600
    }

    .phone img {
        margin-top: -9px;
        vertical-align: middle
    }

    .number {
        color: #060
    }
</style>


<div class="hotline">
<a class="phone" href="tel:0971539681">
<img alt="Hotline" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdrtKqB5ymRbTojwK7uMt4ntLgXFtMby0GEhhz7YQ7YhtAqMA11WuJYk-fLpQqLXVaJQrnVdDFOZEsNc49YMjFyDFN5ZRZTRytjPlQuEAQQmYn5LuYEaqlP_dysd1Ue2cHOYduVSu33oUn/s1600/phone-32.png" /><span class="number">0971539681</span></a>
</div>

[/tintuc]

[giaban]200,000[/giaban]

[tomtat]
Mẫu giao diện blogspot bất động sản chuẩn seo phù hợp với những ai đang có nhu cầu làm web blogspot nhà đất, blogspot chung cư, blogspot bán dự án bất động sản.
[/tomtat]

[link]https://pdusoftdemo46.blogspot.com/[/link]
[down]https://drive.google.com/drive/folders/1joS67D8aB4V8AjbbXOwaEJz-cCnmrmUa[/down]
[chitiet]

Mẫu giao diện blogspot bất động sản chuẩn seo phù hợp với những ai đang có nhu cầu làm web blogspot nhà đất, blogspot chung cư, blogspot bán dự án bất động sản. Giao diện template blogspot bất động sản đẹp để làm web nhà đất, web blogspot bất động sản chuẩn seo. Template blogspot bất động sản được mình thiết kế giao diện template bất động sản chuẩn mobile.

Giao diện template blogspot bất động sản đẹp

Giao diện đã được thiết bố bố cục, thao tác nhanh gọn, tiện lợi

Kết luận: Theme blogspot giới thiệu công ty đẹp


[/chitiet]