Nhúng Facebook Recommendations Bar Widget cho Blogspot

Như các bạn đã biết, Facebook đã giới thiệu cho chúng ta thêm một plugin xã hội nữa là Facebook Recommendations Bar. Plugin này cho phép chúng ta hiển thị những bài viết liên quan dưới dạng đề xuất. Việc làm này sẽ giúp cho khách viếng thăm  blog của các bạn sẽ có thể ở lại lâu hơn, đồng thời cũng giúp các bạn tăng lượt truy cập blog của mình lên rất nhiều.

Để hiểu rõ hơn về Plugin này, các bạn có thể xem minh họa ở mình bên dưới :

blogspot tips, facebook, facebook apps, Recommendations Bar Widget, thu thuat blogspot

Để có thể sử dụng  Facebook Recommendations Bar cho  mỗi blog , các bạn cần chèn đoạn code sau vào bên dưới thẻ <head>

<!-- Begin Open Graph metadata -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

    <meta content='article' property='og:type'/>

    <meta expr:content='data:blog.title' property='og:site_name'/>

    <meta expr:content='data:blog.pageName' property='og:title'/>

    <b:if cond='data:blog.postImageThumbnailUrl'>

        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

    </b:if>

<b:else/>

    <meta expr:content='data:blog.title' property='og:title'/>

    <meta content='website' property='og:type'/>

</b:if>



<meta expr:content='&quot;en_US&quot;' property='og:locale'/>

<meta expr:content='data:blog.canonicalUrl' property='og:url'/>

<!-- End Open Graph metadata -->

1 : Vào trang Facebook Recommendations Bar Official Page.

2 : Nhấp vào nút Get Code.

blogspot tips, facebook, facebook apps, Recommendations Bar Widget, thu thuat blogspot

3 . Click vào link Create a new app.

blogspot tips, facebook, facebook apps, Recommendations Bar Widget, thu thuat blogspot

 Nhập tên tiêu đề blog của các bạn trong mục App Name và App URL sẽ là đường dẫn đến blog của các bạn. Sau đó nhấn nút Continue để tiếp tục.

blogspot tips, facebook, facebook apps, Recommendations Bar Widget, thu thuat blogspot

5 Nhập code Captcha rồi nhấn nút Submit

blogspot tips, facebook, facebook apps, Recommendations Bar Widget, thu thuat blogspot

6 Bây giờ chúng ta sẽ quay lại và nhấn nút Get Code lần nữa.

7. Copy đoạn code đầu tiên như trong hình sau:

blogspot tips, facebook, facebook apps, Recommendations Bar Widget, thu thuat blogspot

8  Đăng nhập vào Blogger Dashboard chọn Blog của bạn rồi click vào More Options.
9 Chọn Template – > Click vào Edit HTML > Proceed.
10 Đánh dấu vào checkbox Expand Template Widgets .
11 Nhấn Ctrl + F rồi tìm kiếm với từ khóa <body> rồi đặt đoạn code mà chúng ta copy ở bước 7 vào ngay sau nó.

12 Tìm kiếm tiếp với từ khóa <data:post.body/> rồi đặt đoạn code sau ngay sau nó.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

13 Save Template lại và kết thúc ^^.

Từ bây giờ các bạn có thể tăng thêm lượt truy cập cho blog của mình với thủ thuật đơn giản trong bài viết này. Nếu trong bài viết có gì gây khó hiểu cho các bạn trong quá trình hoàn thành thì nhớ để lại comments nhé. Mình sẽ giúp các bạn hoàn thành bài viết.

 

 HỖ TRỢ TRỰC TUYẾN