Showing posts with label Website. Show all posts
Showing posts with label Website. Show all posts

8 WP plugin miễn phí tốt nhất bổ sung tính năng đăng nhập bằng Facebook

Xin giới thiệu 8 WP plugin miễn phí tốt nhất bổ sung tính năng đăng nhập bằng Facebook, Google, Yahoo và các mạng xã hội khác cho website/blog của bạn

1. Social Login

2. Social Sharing by miniOrange


 

3. WordPress Social Login


4. Premium Social Login

 

5. AccessPress Social Login Lite

6. SocialAll – Social Login

7. YITH WooCommerce Social Login

8. Stitchz Social Login

Phát triển website thông qua Facebook

Chào các bạn!
Chắc hẳn những bạn mà đọc bài viết này của mình thì đều có website cả (chưa có thì sắp có). Việc xây dựng và phát triển một website không phải là một việc đơn giản. Bài viết này không phải là một bài hướng dẫn. Bởi blog của mình không phải là cái gì đó cao siêu, nhưng mình nhận thấy nó cũng không đến nỗi tệ. Các bạn có thể xem qua một số hình ảnh về blog của mình sau tầm 8 tháng phát triển.

Ranh Alexa

Cùng bàn luận về hướng phát triển website trên Facebook
Con số nhờ tăng trưởng tự  nhiên (không dùng thủ thuật để đẩy rank)

Daily Traffic

Cùng bàn luận về hướng phát triển website trên Facebook
Lưu lượng truy cập hàng ngày 700 - 800

Có Site Link trên Google Search

Cùng bàn luận về hướng phát triển website trên Facebook
Có site link trong đẹp và chuyên nghiệp hơn

Nhiều từ khóa đứng top (chỉ SEO onpage)

Cùng bàn luận về hướng phát triển website trên Facebook
Đứng top nhiều từ khóa dù không cần Backlink
Tương tác trên web
Cùng bàn luận về hướng phát triển website trên Facebook
Tương tác trên Blog khá tốt
Tất nhiên những cái trên cũng không chứng tỏ được gì nhiều, nhưng nó cũng là thành quả mà mình cảm thấy khá hài lòng cho đến giờ.
Mình đã làm như thế nào
Các bạn biết đấy, mình đã làm rất nhiều các bài viết nhằm mục đích để độc giả chia sẻ blog của mình trên Facebook.
Ví dụ bài này
Giveaway - Chia sẻ tài liệu về Remarketing => mình thu hút được rất nhiều người quan tâm
hay bài này
Event tặng Fanpage khủng 2015 => nhận được rất nhiều lượt chia sẻ
và còn nhiều bài khác nữa.

Tại sao cần người khác chia sẻ link lên Facebook

Việc đầu tiên dễ nhận thấy nhất đó chính là traffic, nguồn traffic chất lượng.
Tiếp theo đó là độ Trust của Domain và làm thương hiệu trên Facebook.
Bạn cũng biết những bài viết được nhiều lượt chia sẻ thì sẽ có cơ hội được Facebook Suggest (Điều mà bất cứ ai làm web cũng mong muốn)
Ví dụ:
Cùng bàn luận về hướng phát triển website trên Facebook
Facebook suggest bài viết trên website của bạn

Làm như thế nào để tăng lượt share link

Có 3 cách chính để thực hiện điều này.

  • Một là nội dung của bạn thật là hay và có ích, người dùng sẽ tự động chia sẻ (cái này tốt nhất và khó nhất)
  • Hai là làm các chương trình tặng quà và yêu cầu người dùng chia sẻ bài viết của bạn (cái này cần cân đối mức độ hấp dẫn của của quà tặng)
  • Ba đó là thuê một bên dịch vụ, như là mình chẳng hạn :v Vì hiện tại ở VN chưa có ai làm dịch vụ này cho nên mình sẽ nhận làm (Liên hệ)
Chúc các bạn thành công rực rỡ. Có web là có tiền nhé

Thêm ảnh và emoticon vào Facebook comment trên website

Chào bạn, chắc nhiều bạn sử dụng hệ thống comment của Facebook cho website của mình. Bạn có biết là hệ thống comment của Facebook cho phép chèn ảnh và emoticon khi bạn sử dụng trên website. Đây là một tính năng khá hay nhưng ít bạn chú ý đến.
Để chèn comment vào website thì có 2 kiểu.
Kiểu 1 là chèn hệ thống comment đơn giản (không có quản lý) các bạn có thể xem ở Đây
Kiểu 2 là chèn hệ thống comment chuyên nghiệp (có quản lý) các bạn có thể xem ở Đây
Bật tính năng comment bằng ảnh trên website khi sử dụng hệ thống comment của Facebook
Chèn ảnh vào Facebook comment trên website
Vậy để chèn ảnh vào Facebook comment trên website thì bạn phải dùng Kiểu 2. Sau khi có hệ thống comment có quản lý thì bạn truy cập vào link quản lý comment
https://developers.facebook.com/tools/comments
Tiếp đó ấn vào Settings để cài đặt tính năng này
Bật tính năng comment bằng ảnh trên website khi sử dụng hệ thống comment của Facebook
Cài đặt tính năng chèn ảnh vào Facebook comment trên website
Sẽ có 1 popup mới hiện ra, ở đây bạn bật tính năng thêm ảnh và biểu tượng cảm xúc là được.
Bật tính năng comment bằng ảnh trên website khi sử dụng hệ thống comment của Facebook
Kích hoạt tính năng comment ảnh trên Facebook comment ở website
Sau đó bạn ấn lưu vào là được. Lúc này thì bạn đã có thể comment ảnh hay các biểu tượng cảm xúc emoticon trên website rồi.
Nếu thấy hay thì like và để lại comment nhé.

Tạo form Hỗ trợ trực tuyến bằng Facebook cho website

Chào các bạn, trước kia mình có giới thiệu cách nâng cấp tính năng chat cho Page Plugin. Tuy nhiên với hình thức đó thì chỉ có những người đã like Fanpage của bạn mới có thể chat. Hôm nay mình sẽ giới thiệu một kiểu Chat mới, cũng dựa trên nền tảng Facebook. Ở phiên bản này thì bất cứ khách truy cập nào đã đăng nhập Facebook đều có thể gửi tin nhắn đến Fanpage của bạn mà không cần phải like Fanpage.
Form chat bằng Facebook
Và nhìn nó khá chuyên nghiệp và giống như những Form hỗ trợ phổ biến khác. Nó sẽ hiển thị ở góc dưới bên phải màn hình.
Ok, các bạn dùng đoạn code sau nhé
<!-- Begin chatbox facebook Form -->
<div id='fb-root'/>
  <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 = &quot;//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.5&quot;;
  fjs.parentNode.insertBefore(js, fjs);
  }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
  <style>#cfacebook{position:fixed;bottom:0px;right:8px;z-index:999999999999999;width:250px;height:auto;box-shadow:5px rgba(0,0,0,0.2);overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#f2f2f2;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:#ccc;text-decoration:none;}</style>
  <script>
  jQuery(document).ready(function () {
  jQuery(&quot;.chat_fb&quot;).click(function() {
jQuery(&#39;.fchat&#39;).toggle(&#39;slow&#39;);
  });
  });
  </script>
Và đoạn code này
<div id='cfacebook'>
  <a class='chat_fb' href='javascript:;' onclick='return:false;'><i class='fa fa-facebook-square'/>Hỗ trợ trực tuyến</a>
  <div class='fchat'>
  <div class='fb-page' data-adapt-container-width='true' data-height='400' data-hide-cover='false' data-href='https://www.facebook.com/AdvertiserSpace/' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-tabs='messages' data-width='250'/>
  </div>
  </div>
Thay cái phần mình đánh dấu màu xanh là được
Các bạn có thể đặt đoạn code 1 ở trong phần Header của website, còn đoạn code 2 thì cho vào trước thẻ </body> là được.
Hi vọng tính năng này có ích đối với bạn.

Chèn Responsive Facebook comment box cho website

Nay mình có làm 1 cái trang Landing Page theo phong cách Facebook. Nhân tiện bổ sung luôn cái hệ thống comment bằng Facebook cho nó luôn. Mình viết bài này giới thiệu bạn cách làm Facebook comment cho website 1 cách nhanh chóng và đơn giản.
Khung comment Facebook
Bước 1: Bạn chèn code này vào dưới thẻ <body> của website
<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&appId=383096061852800&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
Bước 2: Thêm CSS vào trước thẻ </head>. Thực ra thì thêm vào đâu cũng được
<style> /*Facebook comment*/ .fb_iframe_widget, .fb_iframe_widget span,.fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; } </style>
Bước 3: Thêm đoạn code này vào vị trí mà bạn muốn hiển thị Khung Facebook Comment
<div class="fb-comments" data-href="http://landing.hiepb.com/" data-numposts="5" data-colorscheme="dark" data-width="100%"> </div>
Bạn nhớ thay url đánh dấu màu đỏ thành url trang web của bạn

Chú ý: Đây chỉ là khung comment Facebook dạng tự do, không có quản lý và thông báo mỗi khi có người comment. Nếu bạn muốn một hệ thống comment bằng Facebook chuyên nghiệp hơn thì hãy tạo app nhé.

Chèn comment Facebook cho website

Chào các bạn!
Mình đang làm 1 cái website mới để kinh doanh, mình quyết định sử dụng hệ thống comment Facebook cho website mới này bởi vì tính phổ biến của Facebook. Tiện thể mình viết bài này để hướng dẫn cho những bạn chưa biết thì có thể làm theo. Bởi vì dùng comment của Facebook cũng có nhiều cái hay lắm.
Trên mạng cũng có vài bài hướng dẫn chèn rồi nhưng bài viết này mình sẽ hướng dẫn chi tiết hơn với cả làm luôn tính năng responsive cho khung comment.
Đầu tiên bạn truy cập vào link sau để tạo App
https://developers.facebook.com/quickstarts/?platform=web
Điền tên App vào và khởi tạo
Khởi tạo app
Sau đó sẽ có một Popup hiện ra, tiếp đến bạn chọn danh mục và tạo App ID như hình dưới. Việc lựa chọn danh mục chỉ mang tính tương đối và cũng ko quan trọng lắm.

Create App ID
Lúc này Facebook sẽ cấp cho bạn một đoạn code (JavaScript) bạn dùng đoạn này và cho vào ngay bên dưới thẻ <body> trong phần code của website hoặc bạn có thể chèn vào từng trang riêng biệt nếu bạn muốn chỉ trang đó sử dụng đoạn code này. Hãy chú ý đến AppID của bạn nhé.
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1536435526646900',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (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/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
Trên đây là code của mình, bạn có thể thay appId để sử dụng. Phần bên dưới thì bạn điền website của bạn và bấm Next
Site URL
Thực ra bấm Next xong thì cũng chẳng còn việc gì :v Bởi vì việc quan trọng là chèn đoạn code phía trên kia vào website. 
Ok, tiếp đến là bạn chèn khung comment của Facebook vào vị trí mà bạn muốn nó hiển thị. Đoạn code như sau
<div class="fb-comments" data-href="http://hiepb.com/" data-numposts="10" data-width="100%" data-colorscheme="light"></div>
Thay link website thành của bạn nhé. Tiếp đến là bạn cần sử dụng thêm đoạn CSS này để làm cho phần comment của Facebook có tính năng Responsive
<style>
.fb_iframe_widget,.fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important;
}</style>
Bạn thêm vào cùng vị trí với 1 trong 2 đoạn code trên đều được. Nếu bạn không phải là dân code thì hãy nhờ đội kỹ thuật. Họ sẽ biết chèn vào vị trí nào là tối ưu nhất. Như vậy là bạn đã có được phần comment bằng Facebook + tính năng responsive + có quản lý comment.
Bây giờ bạn hãy truy cập vào link sau để quản lý comment
https://developers.facebook.com/tools/comments
Hãy lựa chọn đúng App mà bạn mới tạo lúc nãy là được.
Facebook App
Chỉ đơn giản như vậy thôi là bạn đã có thể tận dụng sức mạnh viral của Facebook để tận dụng cho việc kinh doanh rồi.

Từ khóa: tích hợp comment facebook vào website, thêm comment facebook vào website, tạo comment facebook cho blogspot, code comment facebook cho blogspot, Cách nhúng Facebook Comment vào Website, Tích hợp Comment Facebook vào website

Cách nhúng bài viết trên Facebook vào website

Bạn muốn nhúng bài post của Fanpage hoặc Status trên Facebook vào website mà chưa biết cách làm như thế nào? Bài viết này mình sẽ giới thiệu cách để các bạn có thể lấy code nhúng Post hay Status đó vào trong website một cách đơn giản nhất.
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Cách nhúng bài viết trên Facebook vào website

Cách nhúng Post Fanpage vào web

Đối với một bài đăng (post) của một Fanpage bất kỳ thì việc bạn nhúng vào website khá đơn giản. Bạn kích chuột vào phần Option của bài đăng đó thì sẽ có một bảng nhỏ sổ xuống. Lúc này nó sẽ hiện ra những tùy chọn khác nhau, trong đó có mục Nhúng bài viết. Nếu bạn chưa nhìn thấy thì có thể ấn vào nút hiển thị thêm các tùy chọn khác. Hãy xem hình dưới cho dễ nhìn
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Nhúng post Fanpage vào Website
Tiếp theo sẽ có một pop-up hiện ra. Bạn chỉ cần copy đoạn mã mà Facebook cung cấp và dán vào website là ok.
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Lấy mã nhúng post Facebook cho website
Rất đơn giản, như vậy là bạn đã có thể đưa post đó vào trong website của bạn rồi.

Cách nhúng status profile vào website

Vây giờ là cách để nhúng một status bất kỳ của cá nhân vào website. Bình thường thì trong phần tùy chọn của Facebook sẽ không hiển thị tính năng Nhúng bài viết cho một status thông thường. Lúc này thì bạn cần một thủ thuật nhỏ để có thể nhúng dòng trạng thái của bạn vào web.
Đầu tiên bạn vào trang cá nhân của bạn hoặc người mà bạn muốn nhúng status. Sau đó bạn đến bài post đó và ấn vào cái link thời gian như bình bên dưới
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Nhúng status cá nhân vào web
Mục đích của việc này là lấy link trực tiếp của cái post đó. Link nó sẽ có dạng như sau
https://www.facebook.com/100004191634388/posts/537746633041720/
Phần màu đỏ thì là UID Facebook người dùng, còn phần màu xanh là ID của bài đăng đó nhé. Lúc này bạn lại nhấp vào phần Tùy chọn (option) ở góc trên bên phải của status đó. Bây giờ thì nó mới xuất hiện tính năng Nhúng bài viết.
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Nhúng Status Profile vào web
Đến lúc này thì bạn cũng lấy mã code giống như cách lấy code của Post Fanpage thôi. Không có gì khác biệt cả. Hi vọng với thủ thuật này bạn sẽ có thể làm cho nội dung website của bạn sinh động hơn. Xin cảm ơn