Cách chia sẻ bài viết lên Facebook an toàn và tương tác cao

Không thể phủ nhận mạng xã hội Facebook đem lại nguồn lưu lượng truy cập lớn cho những người viết Blog chúng ta, nhưng chia sẻ bài viết an toàn không bị Facebook liệt vào danh sách spam và đem lại sự tương tác cao đòi hỏi phải có kỹ năng cơ bản.

Ngày nay Facebook sử dụng thuật toán phân tích rất khắt khe với những liên kết chia sẻ công khai, rất nhiều tên miền bị cấm đăng, đó là một tổn thất rất lớn cho người viết Blog. Không đơn giản cứ chèn liên kết chia sẻ vào bài viết mà phải định cấu hình tạo ứng dụng Facebook, thêm miền ứng dụng là tên miền của web và định cấu hình hộp thoại chia sẻ.

Ngoài ra khi chia sẻ bài viết hãy viết vài dòng tóm tắt mô tả bài viết muốn nhấn mạnh chủ đề gì hoặc không hãy lấy đoạn mở bài. Mục đích để thu hút người đọc nhấp chuột vào liên kết chia sẻ đem lại sự tương tác cao.

Dưới đây mình sẽ hướng dẫn các bước định cấu hình tạo ứng dụng Facebook, thêm miền ứng dụng là tên miền của web và định cấu hình hộp thoại chia sẻ

1. Tạo ứng dụng Facebook

Việc này rất đơn giản, chỉ cần có tài khoản Facebook đang hoạt động, một email đăng ký để tạo ứng dụng Facebook mới và hoàn toàn miễn phí. Trong mục Ứng dụng của tôi chọn menu thả xuống chọn Thêm ứng dụng mới

Khi tạo xong trong bảng điều khiển ứng dụng chọn Cài đặt > Thông tin cơ bản hãy thêm vào các ô trống theo yêu cầu

Lưu ý trước khi thêm được Miền ứng dụng cần thêm nền tảng trang web ở ngay phía dưới

2. Thêm SDK gọi ứng dụng

Chèn script sdk vào trước thẻ đóng </body> để gọi ứng dụng

Copy

<div id="fb-root"></div>

<script>

//<![CDATA[

(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#xfbml=1&version=v3.2&appId=App_ID&autoLogAppEvents=1';

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

//]]></script>

Thay App_ID bằng ID ứng dụng mà bạn vừa tạo mới.

3. Định cấu hình hộp thoại chia sẻ

Thêm đoạn script gọi hộp thoại chia sẻ chèn trước thẻ đóng </body>

Copy

<script>

var postUrl = "<data:blog.url.canonical/>";

//<![CDATA[

document.getElementById('shareBtn').onclick = function() {

  FB.ui({

    method: 'share',

    mobile_iframe: true,

    href: postUrl,

  }, function(response){});

}

//]]></script>

Chèn nút chia sẻ vào bài viết

Copy

<button id="shareBtn" expr:title="data:messages.share"><data:messages.share/></button>

Viết css cho nút chia sẻ chèn trong <b:skin>...</b:skin>

Copy

#shareBtn {

    display: inline-block;

    padding: 3px 5px;

    background-color: #365899;

    color: #ffffff;

    font-size: 11px;

    border-radius: 3px;

    vertical-align: bottom;

    cursor: pointer;

    border: none;

    outline: none;

}

4. Thêm thẻ meta open graph dưới </head>

Kiểm tra xem còn thiếu thẻ meta nào dưới đây, hãy thêm vào Blog của bạn

Copy

<meta content='ID Ứng dụng' property='fb:app_id'/>

<meta content='Tên web' property='og:site_name'/>

<b:if cond='data:view.isSingleItem'>

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

<meta content='https://www.facebook.com/vietblogdao' property='article:author'/>

<meta content='https://www.facebook.com/vietblogdao' property='article:publisher'/>

</b:fif>

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

<meta content='data:view.title.escaped' property='og:title'/>

<meta content='data:view.description.escaped' property='og:description'/>

<b:if cond='data:view.featuredImage'>

<meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' property='og:image'/>

<b:elseif cond='data:widgets'/>

<b:loop values='data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)' var='imageUrl'>

<meta expr:content='resizeImage(data:imageUrl, 1200, &quot;1200:630&quot;)' property='og:image'/>

</b:loop>

<b:elseif cond='data:blog.postImageUrl'/>

<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, &quot;1200:630&quot;)' property='og:image'/>

<b:else/>

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bL6zv4ztNTRckXs2t1pbqA23cHWcDbVXGFesr1OjGWPxb_mGngR5vKXsUuQ5YqEZv3oCnqxINnx20atpEm3gU3GcEGgOUsBnbY8sU6cmZJnJshG1qWjGcrauFJUvzd6RcJCGd1h141F0/w1200-h630-p-k-no-nu/blogger.jpg' property='og:image'/>

</b:if>

<meta content='1200' property='og:image:width'/>

<meta content='630' property='og:image:height'/>

<meta expr:content='data:view.title.escaped' property='og:image:alt'/>

5. Xem báo cáo phân tích ứng dụng

Truy cập trang phân tích ứng dụng của Facebook, chọn ứng dụng để xem báo cáo tổng quan về mức tương tác của người dùng.

Nội dung chính